feat: add icons and get upload component up to spec
This commit is contained in:
José Oliveira
parent
c0204d0787
commit
111809b0cb
13 changed files with 306 additions and 17 deletions
|
|
@ -24,7 +24,7 @@ export default {
|
||||||
},
|
},
|
||||||
separator: {
|
separator: {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexBasis: '35%',
|
flexBasis: '100%',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
color: offColor,
|
color: offColor,
|
||||||
margin: [[8, 0, 8, 0]],
|
margin: [[8, 0, 8, 0]],
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,18 @@
|
||||||
import { makeStyles } from '@material-ui/core/styles'
|
import { makeStyles } from '@material-ui/core/styles'
|
||||||
|
import { useFormikContext } from 'formik'
|
||||||
import * as R from 'ramda'
|
import * as R from 'ramda'
|
||||||
import React, { useState, useCallback } from 'react'
|
import React, { useState, useCallback } from 'react'
|
||||||
import { useDropzone } from 'react-dropzone'
|
import { useDropzone } from 'react-dropzone'
|
||||||
|
|
||||||
import { Info3 } from 'src/components/typography'
|
import { Label3, H3 } from 'src/components/typography'
|
||||||
|
import { ReactComponent as UploadPhotoIcon } from 'src/styling/icons/button/photo/zodiac-resized.svg'
|
||||||
|
import { ReactComponent as UploadFileIcon } from 'src/styling/icons/button/upload-file/zodiac-resized.svg'
|
||||||
import { offColor, subheaderColor } from 'src/styling/variables'
|
import { offColor, subheaderColor } from 'src/styling/variables'
|
||||||
|
|
||||||
const useStyles = makeStyles({
|
const useStyles = makeStyles({
|
||||||
box: {
|
box: {
|
||||||
boxSizing: 'border-box',
|
boxSizing: 'border-box',
|
||||||
marginTop: 31,
|
marginTop: 40,
|
||||||
width: 450,
|
width: 450,
|
||||||
height: 120,
|
height: 120,
|
||||||
borderStyle: 'dashed',
|
borderStyle: 'dashed',
|
||||||
|
|
@ -20,46 +23,75 @@ const useStyles = makeStyles({
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'center'
|
justifyContent: 'center'
|
||||||
},
|
},
|
||||||
boxContent: {
|
inputContent: {
|
||||||
marginTop: 30
|
marginTop: 35,
|
||||||
|
display: 'flex'
|
||||||
|
},
|
||||||
|
uploadContent: {
|
||||||
|
marginTop: 50,
|
||||||
|
display: 'flex'
|
||||||
},
|
},
|
||||||
board: {
|
board: {
|
||||||
width: 450,
|
width: 450,
|
||||||
height: 120
|
height: 120
|
||||||
|
},
|
||||||
|
icon: {
|
||||||
|
margin: [[14, 20, 0, 0]]
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const Upload = ({ type }) => {
|
const Upload = ({ type }) => {
|
||||||
const classes = useStyles()
|
const classes = useStyles()
|
||||||
const IMAGE = 'image'
|
|
||||||
|
|
||||||
const [data, setData] = useState({})
|
const [data, setData] = useState({})
|
||||||
|
|
||||||
const message =
|
const { setFieldValue } = useFormikContext()
|
||||||
type === IMAGE
|
|
||||||
? 'Drag and drop an image or click to select a file'
|
|
||||||
: 'Drag and drop or click to select a file'
|
|
||||||
|
|
||||||
const onDrop = useCallback(acceptedData => {
|
const IMAGE = 'image'
|
||||||
setData({ preview: URL.createObjectURL(R.head(acceptedData)) })
|
const isImage = type === IMAGE
|
||||||
}, [])
|
|
||||||
|
const onDrop = useCallback(
|
||||||
|
acceptedData => {
|
||||||
|
// TODO: attach the uploaded data to the form as well
|
||||||
|
setFieldValue(type, R.head(acceptedData).name)
|
||||||
|
|
||||||
|
setData({
|
||||||
|
preview: isImage
|
||||||
|
? URL.createObjectURL(R.head(acceptedData))
|
||||||
|
: R.head(acceptedData).name
|
||||||
|
})
|
||||||
|
},
|
||||||
|
[isImage, type, setFieldValue]
|
||||||
|
)
|
||||||
|
|
||||||
const { getRootProps, getInputProps } = useDropzone({ onDrop })
|
const { getRootProps, getInputProps } = useDropzone({ onDrop })
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div {...getRootProps()} className={classes.board}>
|
<div {...getRootProps()} className={classes.board}>
|
||||||
<input {...getInputProps()} />
|
|
||||||
{R.isEmpty(data) && (
|
{R.isEmpty(data) && (
|
||||||
<div className={classes.box}>
|
<div className={classes.box}>
|
||||||
<div className={classes.boxContent}>
|
<input {...getInputProps()} />
|
||||||
<Info3>{message}</Info3>
|
<div className={classes.inputContent}>
|
||||||
|
{isImage ? (
|
||||||
|
<UploadPhotoIcon className={classes.icon}></UploadPhotoIcon>
|
||||||
|
) : (
|
||||||
|
<UploadFileIcon className={classes.icon}></UploadFileIcon>
|
||||||
|
)}
|
||||||
|
<Label3>{`Drag and drop ${
|
||||||
|
isImage ? 'an image' : 'a file'
|
||||||
|
} or click to open the explorer`}</Label3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{!R.isEmpty(data) && type === IMAGE && (
|
{!R.isEmpty(data) && type === IMAGE && (
|
||||||
<div key={data.name}>
|
<div key={data.name}>
|
||||||
<img src={data.preview} className={classes.box}></img>
|
<img src={data.preview} className={classes.box} alt=""></img>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{!R.isEmpty(data) && type !== IMAGE && (
|
||||||
|
<div className={classes.box}>
|
||||||
|
<H3 className={classes.uploadContent}>{data.preview}</H3>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/photo/white-resized</title>
|
||||||
|
<g id="icon/button/photo/white-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="Group-3" transform="translate(-0.000000, 0.000000)">
|
||||||
|
<g id="Group-2" transform="translate(3.333333, 0.000000)" stroke="#FFFFFF">
|
||||||
|
<rect id="Rectangle-Copy" transform="translate(8.333333, 8.333333) scale(-1, 1) translate(-8.333333, -8.333333) " x="0.5" y="0.5" width="15.6666667" height="15.6666667" rx="1"></rect>
|
||||||
|
<circle id="Oval-Copy" fill="#FFFFFF" transform="translate(4.166667, 4.166667) scale(-1, 1) translate(-4.166667, -4.166667) " cx="4.16666667" cy="4.16666667" r="1"></circle>
|
||||||
|
</g>
|
||||||
|
<g id="Group" transform="translate(0.000000, 6.666667)">
|
||||||
|
<g id="Group-14" transform="translate(11.691221, 6.211306) scale(-1, 1) translate(-11.691221, -6.211306) translate(4.158064, 3.055556)" stroke="#FFFFFF" stroke-linejoin="round">
|
||||||
|
<polyline id="Path-Copy-2" points="0 4.58204149 5.10673153 0 11.6154223 6.31150113"></polyline>
|
||||||
|
<polyline id="Path" points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
|
||||||
|
</g>
|
||||||
|
<g id="Group-9">
|
||||||
|
<circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="6.66666667" cy="6.66666667" r="6.16666667"></circle>
|
||||||
|
<polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -0,0 +1,20 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/photo/zodiac-resized</title>
|
||||||
|
<g id="icon/button/photo/zodiac-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="Group-2">
|
||||||
|
<g id="Group" transform="translate(11.666667, 8.333333) scale(-1, 1) translate(-11.666667, -8.333333) translate(3.333333, 0.000000)" stroke="#1B2559">
|
||||||
|
<rect id="Rectangle-Copy" x="0.5" y="0.5" width="15.6666667" height="15.6666667" rx="1"></rect>
|
||||||
|
<circle id="Oval-Copy" fill="#1B2559" cx="12.5" cy="4.16666667" r="1"></circle>
|
||||||
|
<g id="Group-14" transform="translate(0.775621, 9.722222)" stroke-linejoin="round">
|
||||||
|
<polyline id="Path-Copy-2" points="0 4.58204149 5.10673153 0 11.6154223 6.31150113"></polyline>
|
||||||
|
<polyline id="Path" points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="Group-9" transform="translate(0.000000, 6.666667)">
|
||||||
|
<circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="6.66666667" cy="6.66666667" r="6.16666667"></circle>
|
||||||
|
<polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
16
new-lamassu-admin/src/styling/icons/button/replace/white.svg
Normal file
16
new-lamassu-admin/src/styling/icons/button/replace/white.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/replace/white</title>
|
||||||
|
<g id="icon/button/replace/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<g id="Group-3" transform="translate(0.500000, 0.500000)" stroke="#FFFFFF">
|
||||||
|
<g id="Group-2">
|
||||||
|
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
|
||||||
|
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 0"></polyline>
|
||||||
|
</g>
|
||||||
|
<g id="Group-2" transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
|
||||||
|
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
|
||||||
|
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/replace/zodiac</title>
|
||||||
|
<g id="icon/button/replace/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<g id="Group-3" transform="translate(0.500000, 0.500000)" stroke="#1B2559">
|
||||||
|
<g id="Group-2">
|
||||||
|
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
|
||||||
|
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
|
||||||
|
</g>
|
||||||
|
<g id="Group-2" transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
|
||||||
|
<path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
|
||||||
|
<polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,21 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/upload-file/white-resized</title>
|
||||||
|
<g id="icon/button/upload-file/white-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
|
||||||
|
<g id="file-icon" transform="translate(5.934783, 0.000000)" stroke="#FFFFFF">
|
||||||
|
<g id="lines" transform="translate(3.130435, 7.826087)" stroke-linecap="round">
|
||||||
|
<line x1="0" y1="7.04347826" x2="7.82608696" y2="7.04347826" id="line-3"></line>
|
||||||
|
<line x1="0" y1="3.91304348" x2="7.82608696" y2="3.91304348" id="line-2"></line>
|
||||||
|
<line x1="0" y1="0.782608696" x2="5.47826087" y2="0.782608696" id="line-1"></line>
|
||||||
|
</g>
|
||||||
|
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
|
||||||
|
<polygon id="fold" stroke-linejoin="round" points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="plus-sign" transform="translate(0.000000, 5.934783)">
|
||||||
|
<circle id="circle" stroke="#FFFFFF" fill="#5F668A" cx="6.7826087" cy="6.7826087" r="6.2826087"></circle>
|
||||||
|
<polygon id="plus" fill="#FFFFFF" fill-rule="nonzero" points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,21 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/upload-file/white</title>
|
||||||
|
<g id="icon/button/upload-file/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
|
||||||
|
<g id="file-icon" transform="translate(3.500000, 0.000000)" stroke="#FFFFFF">
|
||||||
|
<g id="lines" transform="translate(1.846154, 4.615385)" stroke-linecap="round">
|
||||||
|
<line x1="0" y1="4.15384615" x2="4.61538462" y2="4.15384615" id="line-3"></line>
|
||||||
|
<line x1="0" y1="2.30769231" x2="4.61538462" y2="2.30769231" id="line-2"></line>
|
||||||
|
<line x1="0" y1="0.461538462" x2="3.23076923" y2="0.461538462" id="line-1"></line>
|
||||||
|
</g>
|
||||||
|
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
|
||||||
|
<polygon id="fold" stroke-linejoin="round" points="5 0 5 3 8 3"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="plus-sign" transform="translate(0.000000, 3.500000)">
|
||||||
|
<circle id="circle" stroke="#FFFFFF" fill="#5F668A" cx="4" cy="4" r="3.5"></circle>
|
||||||
|
<polygon id="plus" fill="#FFFFFF" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,21 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/upload-file/zodiac-resized</title>
|
||||||
|
<g id="icon/button/upload-file/zodiac-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
|
||||||
|
<g id="file-icon" transform="translate(5.934783, 0.000000)" stroke="#1B2559">
|
||||||
|
<g id="lines" transform="translate(3.130435, 7.826087)" stroke-linecap="round">
|
||||||
|
<line x1="0" y1="7.04347826" x2="7.82608696" y2="7.04347826" id="line-3"></line>
|
||||||
|
<line x1="0" y1="3.91304348" x2="7.82608696" y2="3.91304348" id="line-2"></line>
|
||||||
|
<line x1="0" y1="0.782608696" x2="5.47826087" y2="0.782608696" id="line-1"></line>
|
||||||
|
</g>
|
||||||
|
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
|
||||||
|
<polygon id="fold" stroke-linejoin="round" points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="plus-sign" transform="translate(0.000000, 5.934783)">
|
||||||
|
<circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="6.7826087" cy="6.7826087" r="6.2826087"></circle>
|
||||||
|
<polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,21 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/button/upload-file/zodiac</title>
|
||||||
|
<g id="icon/button/upload-file/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
|
||||||
|
<g id="file-icon" transform="translate(3.500000, 0.000000)" stroke="#1B2559">
|
||||||
|
<g id="lines" transform="translate(1.846154, 4.615385)" stroke-linecap="round">
|
||||||
|
<line x1="0" y1="4.15384615" x2="4.61538462" y2="4.15384615" id="line-3"></line>
|
||||||
|
<line x1="0" y1="2.30769231" x2="4.61538462" y2="2.30769231" id="line-2"></line>
|
||||||
|
<line x1="0" y1="0.461538462" x2="3.23076923" y2="0.461538462" id="line-1"></line>
|
||||||
|
</g>
|
||||||
|
<polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
|
||||||
|
<polygon id="fold" stroke-linejoin="round" points="5 0 5 3 8 3"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="plus-sign" transform="translate(0.000000, 3.500000)">
|
||||||
|
<circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="4" cy="4" r="3.5"></circle>
|
||||||
|
<polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
33
new-lamassu-admin/src/styling/icons/file/comet.svg
Normal file
33
new-lamassu-admin/src/styling/icons/file/comet.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/file/zip/comet</title>
|
||||||
|
<g id="icon/file/zip/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="file-icon">
|
||||||
|
<path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#5F668A" fill="#FFFFFF"></path>
|
||||||
|
<path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#5F668A"></path>
|
||||||
|
<g id="rects" transform="translate(6.000000, 0.000000)" fill="#5F668A">
|
||||||
|
<rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect20" x="2" y="39.4285714" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect19" x="0" y="37.4065934" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect18" x="2" y="35.3846154" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect17" x="0" y="32.8571429" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect16" x="2" y="30.8351648" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect15" x="0" y="28.8131868" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect14" x="2" y="26.7912088" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect13" x="0" y="24.2637363" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect12" x="2" y="22.2417582" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect11" x="0" y="20.2197802" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect10" x="2" y="18.1978022" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect9" x="0" y="16.1758242" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect8" x="2" y="14.1538462" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect7" x="0" y="12.1318681" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect6" x="2" y="10.1098901" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect5" x="0" y="8.08791209" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect4" x="2" y="6.06593407" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect3" x="0" y="4.04395604" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect2" x="2" y="2.02197802" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect1" x="0" y="0" width="2" height="2"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
33
new-lamassu-admin/src/styling/icons/file/spring.svg
Normal file
33
new-lamassu-admin/src/styling/icons/file/spring.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/file/zip/spring</title>
|
||||||
|
<g id="icon/file/zip/spring" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="file-icon">
|
||||||
|
<path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#48F694" fill="#FFFFFF"></path>
|
||||||
|
<path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#48F694"></path>
|
||||||
|
<g id="rects" transform="translate(6.000000, 0.000000)" fill="#48F694">
|
||||||
|
<rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect20" x="2" y="39.4285714" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect19" x="0" y="37.4065934" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect18" x="2" y="35.3846154" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect17" x="0" y="32.8571429" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect16" x="2" y="30.8351648" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect15" x="0" y="28.8131868" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect14" x="2" y="26.7912088" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect13" x="0" y="24.2637363" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect12" x="2" y="22.2417582" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect11" x="0" y="20.2197802" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect10" x="2" y="18.1978022" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect9" x="0" y="16.1758242" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect8" x="2" y="14.1538462" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect7" x="0" y="12.1318681" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect6" x="2" y="10.1098901" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect5" x="0" y="8.08791209" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect4" x="2" y="6.06593407" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect3" x="0" y="4.04395604" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect2" x="2" y="2.02197802" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect1" x="0" y="0" width="2" height="2"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
33
new-lamassu-admin/src/styling/icons/file/tomato.svg
Normal file
33
new-lamassu-admin/src/styling/icons/file/tomato.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>icon/file/zip/tomato</title>
|
||||||
|
<g id="icon/file/zip/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="file-icon">
|
||||||
|
<path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#FF584A" fill="#FFFFFF"></path>
|
||||||
|
<path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#FF584A"></path>
|
||||||
|
<g id="rects" transform="translate(6.000000, 0.000000)" fill="#FF584A">
|
||||||
|
<rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect20" x="2" y="39.4285714" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect19" x="0" y="37.4065934" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect18" x="2" y="35.3846154" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect17" x="0" y="32.8571429" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect16" x="2" y="30.8351648" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect15" x="0" y="28.8131868" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect14" x="2" y="26.7912088" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect13" x="0" y="24.2637363" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect12" x="2" y="22.2417582" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect11" x="0" y="20.2197802" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect10" x="2" y="18.1978022" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect9" x="0" y="16.1758242" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect8" x="2" y="14.1538462" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect7" x="0" y="12.1318681" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect6" x="2" y="10.1098901" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect5" x="0" y="8.08791209" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect4" x="2" y="6.06593407" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect3" x="0" y="4.04395604" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect2" x="2" y="2.02197802" width="2" height="2"></rect>
|
||||||
|
<rect id="file-icon-rect1" x="0" y="0" width="2" height="2"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
Loading…
Add table
Add a link
Reference in a new issue