mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-02 07:43:11 +03:00
Added basic modal for search
refs https://github.com/TryGhost/Team/issues/1665 - Adds basic UI components to add first version of search modal
This commit is contained in:
Rishabh
parent
c55a641fa6
commit
27e5cde85a
@ -1,11 +1,17 @@
|
||||
import React from 'react';
|
||||
import './App.css';
|
||||
import AppContext from './AppContext';
|
||||
import PopupModal from './components/PopupModal';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
Sodo Search
|
||||
</div>
|
||||
<AppContext.Provider value={{
|
||||
page: 'search',
|
||||
showPopup: true,
|
||||
onAction: () => {}
|
||||
}}>
|
||||
<PopupModal />
|
||||
</AppContext.Provider>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
17
ghost/sodo-search/src/AppContext.js
Normal file
17
ghost/sodo-search/src/AppContext.js
Normal file
@ -0,0 +1,17 @@
|
||||
// Ref: https://reactjs.org/docs/context.html
|
||||
const React = require('react');
|
||||
|
||||
const AppContext = React.createContext({
|
||||
posts: [],
|
||||
authors: [],
|
||||
tags: [],
|
||||
action: '',
|
||||
lastPage: '',
|
||||
page: '',
|
||||
pageData: {},
|
||||
dispatch: (action, data) => {
|
||||
return {action, data};
|
||||
}
|
||||
});
|
||||
|
||||
export default AppContext;
|
||||
35
ghost/sodo-search/src/components/Frame.js
Normal file
35
ghost/sodo-search/src/components/Frame.js
Normal file
@ -0,0 +1,35 @@
|
||||
import React, {Component} from 'react';
|
||||
import {createPortal} from 'react-dom';
|
||||
|
||||
export default class Frame extends Component {
|
||||
componentDidMount() {
|
||||
this.node.addEventListener('load', this.handleLoad);
|
||||
}
|
||||
|
||||
handleLoad = () => {
|
||||
this.setupFrameBaseStyle();
|
||||
};
|
||||
|
||||
componentWillUnmout() {
|
||||
this.node.removeEventListener('load', this.handleLoad);
|
||||
}
|
||||
|
||||
setupFrameBaseStyle() {
|
||||
if (this.node.contentDocument) {
|
||||
this.iframeHtml = this.node.contentDocument.documentElement;
|
||||
this.iframeHead = this.node.contentDocument.head;
|
||||
this.iframeRoot = this.node.contentDocument.body;
|
||||
this.forceUpdate();
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const {children, head, title = '', style = {}, ...rest} = this.props;
|
||||
return (
|
||||
<iframe srcDoc={`<!DOCTYPE html>`} {...rest} ref={node => (this.node = node)} title={title} style={style} frameBorder="0">
|
||||
{this.iframeHead && createPortal(head, this.iframeHead)}
|
||||
{this.iframeRoot && createPortal(children, this.iframeRoot)}
|
||||
</iframe>
|
||||
);
|
||||
}
|
||||
}
|
||||
1145
ghost/sodo-search/src/components/Frame.styles.js
Normal file
1145
ghost/sodo-search/src/components/Frame.styles.js
Normal file
File diff suppressed because it is too large
Load Diff
145
ghost/sodo-search/src/components/Global.styles.js
Normal file
145
ghost/sodo-search/src/components/Global.styles.js
Normal file
@ -0,0 +1,145 @@
|
||||
export const GlobalStyles = `
|
||||
/* Colors
|
||||
/* ----------------------------------------------------- */
|
||||
:root {
|
||||
--black: #000;
|
||||
--grey0: #1d1d1d;
|
||||
--grey1: #333;
|
||||
--grey2: #3d3d3d;
|
||||
--grey3: #474747;
|
||||
--grey4: #515151;
|
||||
--grey5: #686868;
|
||||
--grey6: #7f7f7f;
|
||||
--grey7: #979797;
|
||||
--grey8: #aeaeae;
|
||||
--grey9: #c5c5c5;
|
||||
--grey10: #dcdcdc;
|
||||
--grey11: #e1e1e1;
|
||||
--grey12: #eaeaea;
|
||||
--grey13: #f9f9f9;
|
||||
--grey14: #fbfbfb;
|
||||
--white: #fff;
|
||||
--red: #f02525;
|
||||
--yellow: #FFDC15;
|
||||
--green: #7FC724;
|
||||
}
|
||||
|
||||
/* Globals
|
||||
/* ----------------------------------------------------- */
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 1.6rem;
|
||||
height: 100%;
|
||||
line-height: 1.6em;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
color: var(--grey2);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
button,
|
||||
button span {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
*, ::after, ::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, p {
|
||||
line-height: 1.15em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 35px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.022em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.021em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.019em;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
a,
|
||||
.gh-portal-link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
svg {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: 10px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
letter-spacing: -0.022em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
letter-spacing: -0.021em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 26px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
letter-spacing: -0.021em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
letter-spacing: -0.019em;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
export default GlobalStyles;
|
||||
161
ghost/sodo-search/src/components/PopupModal.js
Normal file
161
ghost/sodo-search/src/components/PopupModal.js
Normal file
@ -0,0 +1,161 @@
|
||||
import Frame from './Frame';
|
||||
import AppContext from '../AppContext';
|
||||
import {getFrameStyles} from './Frame.styles';
|
||||
|
||||
const React = require('react');
|
||||
|
||||
const StylesWrapper = () => {
|
||||
return {
|
||||
modalContainer: {
|
||||
zIndex: '3999999',
|
||||
position: 'fixed',
|
||||
left: '0',
|
||||
top: '0',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
overflow: 'hidden'
|
||||
},
|
||||
frame: {
|
||||
common: {
|
||||
margin: 'auto',
|
||||
position: 'relative',
|
||||
padding: '0',
|
||||
outline: '0',
|
||||
width: '100%',
|
||||
opacity: '1',
|
||||
overflow: 'hidden',
|
||||
height: '100%'
|
||||
}
|
||||
},
|
||||
page: {
|
||||
links: {
|
||||
width: '600px'
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
class PopupContent extends React.Component {
|
||||
static contextType = AppContext;
|
||||
|
||||
componentDidMount() {
|
||||
// Handle Esc to close popup
|
||||
if (this.node) {
|
||||
this.node.focus();
|
||||
this.keyUphandler = (event) => {
|
||||
const eventTargetTag = (event.target && event.target.tagName);
|
||||
if (event.key === 'Escape' && eventTargetTag !== 'INPUT') {
|
||||
// this.context.onAction('closePopup');
|
||||
}
|
||||
};
|
||||
this.node.ownerDocument.removeEventListener('keyup', this.keyUphandler);
|
||||
this.node.ownerDocument.addEventListener('keyup', this.keyUphandler);
|
||||
}
|
||||
this.sendContainerHeightChangeEvent();
|
||||
}
|
||||
|
||||
sendContainerHeightChangeEvent() {
|
||||
|
||||
}
|
||||
|
||||
componentDidUpdate() {
|
||||
this.sendContainerHeightChangeEvent();
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
if (this.node) {
|
||||
this.node.ownerDocument.removeEventListener('keyup', this.keyUphandler);
|
||||
}
|
||||
}
|
||||
|
||||
handlePopupClose(e) {
|
||||
e.preventDefault();
|
||||
if (e.target === e.currentTarget) {
|
||||
this.context.onAction('closePopup');
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const pageStyle = {};
|
||||
let popupWidthStyle = '';
|
||||
|
||||
let pageClass = 'search';
|
||||
|
||||
let className = 'gh-portal-popup-container';
|
||||
|
||||
const containerClassName = `${className} ${popupWidthStyle} ${pageClass}`;
|
||||
return (
|
||||
<>
|
||||
<div className={'gh-portal-popup-wrapper ' + pageClass} onClick={e => this.handlePopupClose(e)}>
|
||||
<div className={containerClassName} style={pageStyle} ref={node => (this.node = node)} tabIndex={-1}>
|
||||
Something something
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default class PopupModal extends React.Component {
|
||||
static contextType = AppContext;
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
height: null
|
||||
};
|
||||
}
|
||||
|
||||
onHeightChange(height) {
|
||||
this.setState({height});
|
||||
}
|
||||
|
||||
handlePopupClose(e) {
|
||||
e.preventDefault();
|
||||
if (e.target === e.currentTarget) {
|
||||
// this.context.onAction('closePopup');
|
||||
}
|
||||
}
|
||||
|
||||
renderFrameStyles() {
|
||||
const FrameStyle = getFrameStyles({});
|
||||
const styles = `
|
||||
:root {
|
||||
--brandcolor: ${this.context.brandColor || ''}
|
||||
}
|
||||
` + FrameStyle;
|
||||
return (
|
||||
<>
|
||||
<style dangerouslySetInnerHTML={{__html: styles}} />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
renderFrameContainer() {
|
||||
const Styles = StylesWrapper();
|
||||
|
||||
const frameStyle = {
|
||||
...Styles.frame.common
|
||||
};
|
||||
|
||||
let className = 'gh-portal-popup-background';
|
||||
|
||||
return (
|
||||
<div style={Styles.modalContainer}>
|
||||
<Frame style={frameStyle} title="portal-popup" head={this.renderFrameStyles()}>
|
||||
<div className={className} onClick = {e => this.handlePopupClose(e)}></div>
|
||||
<PopupContent />
|
||||
</Frame>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
render() {
|
||||
const {showPopup} = this.context;
|
||||
if (showPopup) {
|
||||
return this.renderFrameContainer();
|
||||
}
|
||||
return null;
|
||||
}
|
||||
}
|
||||
BIN
ghost/sodo-search/src/images/close.png
Normal file
BIN
ghost/sodo-search/src/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 904 B |
3
ghost/sodo-search/src/images/ghost-logo-small.svg
Normal file
3
ghost/sodo-search/src/images/ghost-logo-small.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM11.8326 2.33879C6.37785 2.95189 3.95901 5.20797 3.41126 9.74699C3.34896 10.2632 3.22642 10.7805 3.10443 11.2954C2.93277 12.02 2.76221 12.74 2.76221 13.4458C2.76221 17.9885 6.5856 21.556 11.1283 21.556C12.8959 21.556 14.4433 20.8144 15.8756 20.048C19.0536 18.3478 22.0328 16.2597 22.0328 12.5411C22.0328 9.91512 20.1051 7.56932 18.466 5.5747C18.3834 5.47416 18.3015 5.37451 18.2206 5.27577C17.3866 4.25742 14.4333 2.04643 11.8326 2.33879Z" fill="#15171A"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 722 B |
1
ghost/sodo-search/src/images/icons/arrow-left.svg
Normal file
1
ghost/sodo-search/src/images/icons/arrow-left.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;fill-rule:evenodd;}</style></defs><path class="cls-1" d="M16.25,23.25,5.53,12.53a.749.749,0,0,1,0-1.06L16.25.75"/></svg>
|
||||
|
After Width: | Height: | Size: 305 B |
1
ghost/sodo-search/src/images/icons/arrow-right.svg
Normal file
1
ghost/sodo-search/src/images/icons/arrow-right.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;fill-rule:evenodd;}</style></defs><path class="cls-1" d="M5.5.75,16.22,11.47a.749.749,0,0,1,0,1.06L5.5,23.25"/></svg>
|
||||
|
After Width: | Height: | Size: 302 B |
1
ghost/sodo-search/src/images/icons/button-icon-1.svg
Normal file
1
ghost/sodo-search/src/images/icons/button-icon-1.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.533 11.267c2.835 0 5.134-2.299 5.134-5.134C15.667 3.298 13.368 1 10.533 1 7.698 1 5.4 3.298 5.4 6.133s2.298 5.134 5.133 5.134zM1 23c0-2.529 1.004-4.953 2.792-6.741 1.788-1.788 4.213-2.792 6.741-2.792 2.529 0 4.954 1.004 6.741 2.792 1.788 1.788 2.793 4.212 2.793 6.74" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
|
After Width: | Height: | Size: 463 B |
1
ghost/sodo-search/src/images/icons/button-icon-2.svg
Normal file
1
ghost/sodo-search/src/images/icons/button-icon-2.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path stroke="#FFF" stroke-width="1.5" stroke-linecap="round" d="M12.5 2v20M2 12.5h20"/></g></svg>
|
||||
|
After Width: | Height: | Size: 216 B |
1
ghost/sodo-search/src/images/icons/button-icon-3.svg
Normal file
1
ghost/sodo-search/src/images/icons/button-icon-3.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 6v14.25c0 .597-.237 1.169-.659 1.591-.422.422-.994.659-1.591.659s-1.169-.237-1.591-.659c-.422-.422-.659-.994-.659-1.591V3c0-.398-.158-.78-.44-1.06-.28-.282-.662-.44-1.06-.44h-15c-.398 0-.78.158-1.06.44C1.157 2.22 1 2.601 1 3v17.25c0 .597.237 1.169.659 1.591.422.422.994.659 1.591.659h18M4.75 15h10.5M4.75 18h6" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5 5.25h-9c-.414 0-.75.336-.75.75v4.5c0 .414.336.75.75.75h9c.414 0 .75-.336.75-.75V6c0-.414-.336-.75-.75-.75z" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
|
After Width: | Height: | Size: 712 B |
1
ghost/sodo-search/src/images/icons/button-icon-4.svg
Normal file
1
ghost/sodo-search/src/images/icons/button-icon-4.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.75 1.5H2.25c-.828 0-1.5.672-1.5 1.5v12c0 .828.672 1.5 1.5 1.5h19.5c.828 0 1.5-.672 1.5-1.5V3c0-.828-.672-1.5-1.5-1.5zM15.687 6.975L19.5 10.5M8.313 6.975L4.5 10.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.88 2.014l-9.513 6.56C12.965 8.851 12.488 9 12 9s-.965-.149-1.367-.426L1.12 2.014" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
|
After Width: | Height: | Size: 534 B |
1
ghost/sodo-search/src/images/icons/button-icon-5.svg
Normal file
1
ghost/sodo-search/src/images/icons/button-icon-5.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.903 12.016c-.332-1.665-1.491-3.032-3.031-3.654M11.037 8.4C9.252 9.163 8 10.935 8 13c0 .432.055.85.158 1.25M10.44 17.296c.748.447 1.624.704 2.56.704 1.71 0 3.22-.858 4.12-2.167M15.171 21.22c3.643-.96 6.329-4.276 6.329-8.22 0-1.084-.203-2.121-.573-3.075M18.611 6.615C17.114 5.3 15.151 4.5 13 4.5c-2.149 0-4.112.797-5.608 2.113M5.112 9.826c-.395.98-.612 2.052-.612 3.174 0 4.015 2.783 7.38 6.526 8.27" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/><path d="M8.924 24.29c1.273.46 2.645.71 4.076.71 5.52 0 10.17-3.727 11.57-8.803M6.712 2.777C3.285 4.89 1 8.678 1 13c0 3.545 1.537 6.731 3.982 8.928M24.849 11.089C23.933 5.369 18.977 1 13 1c-.69 0-1.367.058-2.025.17" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
|
After Width: | Height: | Size: 843 B |
9
ghost/sodo-search/src/images/icons/check-circle.svg
Normal file
9
ghost/sodo-search/src/images/icons/check-circle.svg
Normal file
@ -0,0 +1,9 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px!important;}
|
||||
</style>
|
||||
</defs>
|
||||
<title>check-circle-1</title>
|
||||
<path class="a" d="M6,13.223,8.45,16.7a1.049,1.049,0,0,0,1.707.051L18,6.828"/>
|
||||
<circle class="a" cx="12" cy="11.999" r="11.25"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 400 B |
1
ghost/sodo-search/src/images/icons/checkmark-fill.svg
Normal file
1
ghost/sodo-search/src/images/icons/checkmark-fill.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.checkmark-icon-fill{fill:currentColor;}</style></defs><path class="checkmark-icon-fill" d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"/></svg>
|
||||
|
After Width: | Height: | Size: 352 B |
3
ghost/sodo-search/src/images/icons/checkmark.svg
Normal file
3
ghost/sodo-search/src/images/icons/checkmark.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 6.89286L6.10714 12L13.9643 1" stroke="#222222" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 180 B |
1
ghost/sodo-search/src/images/icons/close.svg
Normal file
1
ghost/sodo-search/src/images/icons/close.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px !important;}</style></defs><path class="a" d="M.75 23.249l22.5-22.5M23.25 23.249L.75.749"/></svg>
|
||||
|
After Width: | Height: | Size: 265 B |
1
ghost/sodo-search/src/images/icons/envelope.svg
Normal file
1
ghost/sodo-search/src/images/icons/envelope.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;}</style></defs><rect class="a" x="0.75" y="4.5" width="22.5" height="15" rx="1.5" ry="1.5"/><line class="a" x1="15.687" y1="9.975" x2="19.5" y2="13.5"/><line class="a" x1="8.313" y1="9.975" x2="4.5" y2="13.5"/><path class="a" d="M22.88,5.014l-9.513,6.56a2.406,2.406,0,0,1-2.734,0L1.12,5.014"/></svg>
|
||||
|
After Width: | Height: | Size: 466 B |
1
ghost/sodo-search/src/images/icons/invitation.svg
Normal file
1
ghost/sodo-search/src/images/icons/invitation.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg version="1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><defs><style>.inviteicon{fill: currentColor;}</style></defs><path class="inviteicon" d="M23.991 11.464l-.036-.146-.028-.068-.011-.027-.115-.114-.018-.021-.008-.005h-.001l-3.774-2.596v-7.987c0-.276-.224-.5-.5-.5h-15c-.276 0-.5.224-.5.5v7.987l-3.774 2.595-.003.002-.006.004-.015.016-.118.118-.011.027-.028.068-.036.146-.009.037v10.5c0 1.103.897 2 2 2h20c1.103 0 2-.897 2-2v-10.5l-.009-.036zm-1.383.03l-2.608 1.738v-3.531l2.608 1.793zm-18.608 1.738l-2.608-1.739 2.608-1.792v3.531zm18 9.768h-20c-.551 0-1-.449-1-1v-9.566l5.223 3.482c.085.057.181.084.276.084.162 0 .32-.078.417-.223.153-.23.091-.54-.139-.693l-1.777-1.185v-12.899h14v12.899l-1.777 1.185c-.23.153-.292.463-.139.693.096.145.255.223.416.223.095 0 .191-.027.277-.084l5.223-3.482v9.566c0 .551-.449 1-1 1zM15.812 16.109c-.088-.07-.198-.109-.312-.109h-7c-.114 0-.224.039-.312.109l-5 4c-.215.173-.25.487-.078.703.173.215.487.251.703.078l4.862-3.89h6.649l4.863 3.891c.093.073.203.109.313.109.147 0 .292-.065.391-.188.172-.216.137-.53-.078-.703l-5.001-4zM11.706 12.779c.087.064.191.096.294.096s.207-.032.294-.096c.482-.35 4.706-3.497 4.706-6.101 0-1.868-1.387-2.984-2.728-2.984-.772 0-1.674.379-2.272 1.368-.598-.988-1.5-1.368-2.272-1.368-1.341-.001-2.728 1.116-2.728 2.984 0 2.604 4.224 5.751 4.706 6.101zm-1.978-8.086c.844 0 1.511.681 1.786 1.822.108.45.864.45.973 0 .274-1.141.942-1.822 1.786-1.822.85 0 1.728.742 1.728 1.984 0 1.646-2.658 4.037-4 5.072-1.342-1.035-4-3.426-4-5.072-.001-1.241.877-1.984 1.727-1.984z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
11
ghost/sodo-search/src/images/icons/loader.svg
Normal file
11
ghost/sodo-search/src/images/icons/loader.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
|
||||
s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
|
||||
c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z" />
|
||||
<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
|
||||
C22.32,8.481,24.301,9.057,26.013,10.047z">
|
||||
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20"
|
||||
dur="0.5s" repeatCount="indefinite" />
|
||||
</path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 923 B |
3
ghost/sodo-search/src/images/icons/lock.svg
Normal file
3
ghost/sodo-search/src/images/icons/lock.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
||||
|
||||
<g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M19.5,9.5h-.75V6.75a6.75,6.75,0,0,0-13.5,0V9.5H4.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2h15a2,2,0,0,0,2-2V11.5A2,2,0,0,0,19.5,9.5Zm-7.5,9a2,2,0,1,1,2-2A2,2,0,0,1,12,18.5ZM16.25,9a.5.5,0,0,1-.5.5H8.25a.5.5,0,0,1-.5-.5V6.75a4.25,4.25,0,0,1,8.5,0Z" style="fill: #000000"></path></g></svg>
|
||||
|
After Width: | Height: | Size: 420 B |
1
ghost/sodo-search/src/images/icons/logout.svg
Normal file
1
ghost/sodo-search/src/images/icons/logout.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg width="25" height="23" viewBox="0 0 25 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.497 11.5H7.747M11.497 7.75l-3.75 3.75 3.75 3.75" stroke="#C5C5C5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.94 6.904c-1.031-2.12-2.747-3.83-4.87-4.857-2.123-1.027-4.53-1.308-6.832-.8-2.303.508-4.367 1.776-5.861 3.6-1.494 1.824-2.33 4.098-2.375 6.456-.044 2.358.706 4.661 2.13 6.54 1.425 1.88 3.441 3.224 5.723 3.818 2.282.594 4.698.403 6.857-.543 2.16-.946 3.94-2.592 5.05-4.672" stroke="#C5C5C5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
|
After Width: | Height: | Size: 616 B |
4
ghost/sodo-search/src/images/icons/offer-tag.svg
Normal file
4
ghost/sodo-search/src/images/icons/offer-tag.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs>
|
||||
<path d="M22.939 2.56V8.817C22.9391 9.61244 22.6232 10.3754 22.061 10.938L10.5 22.5C10.2187 22.7812 9.83721 22.9392 9.43946 22.9392C9.04172 22.9392 8.66026 22.7812 8.37896 22.5L1.49997 15.62C1.21876 15.3387 1.06079 14.9572 1.06079 14.5595C1.06079 14.1618 1.21876 13.7803 1.49997 13.499L13.061 1.938C13.6236 1.37572 14.3865 1.0599 15.182 1.06H21.439C21.8368 1.06 22.2183 1.21803 22.4996 1.49934C22.7809 1.78064 22.939 2.16217 22.939 2.56V2.56Z" class="a" />
|
||||
<path d="M17.689 7.81C16.8605 7.81 16.189 7.13842 16.189 6.31C16.189 5.48157 16.8605 4.81 17.689 4.81C18.5174 4.81 19.189 5.48157 19.189 6.31C19.189 7.13842 18.5174 7.81 17.689 7.81Z" class="a" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 893 B |
1
ghost/sodo-search/src/images/icons/user.svg
Normal file
1
ghost/sodo-search/src/images/icons/user.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg id="Regular" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.8px;}</style></defs><circle class="cls-1" cx="12" cy="9.75" r="5.25"/><path class="cls-1" d="M18.913,20.876a9.746,9.746,0,0,0-13.826,0"/><circle class="cls-1" cx="12" cy="12" r="11.25"/></svg>
|
||||
|
After Width: | Height: | Size: 373 B |
1
ghost/sodo-search/src/images/icons/warning-fill.svg
Normal file
1
ghost/sodo-search/src/images/icons/warning-fill.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.warning-icon-fill{fill:currentColor;}</style></defs><path class="warning-icon-fill" d="M23.25,23.235a.75.75,0,0,0,.661-1.105l-11.25-21a.782.782,0,0,0-1.322,0l-11.25,21A.75.75,0,0,0,.75,23.235ZM12,20.485a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,12,20.485Zm0-12.25a1,1,0,0,1,1,1V14.7a1,1,0,0,1-2,0V9.235A1,1,0,0,1,12,8.235Z"/></svg>
|
||||
|
After Width: | Height: | Size: 399 B |
Loading…
Reference in New Issue
Block a user