LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update add button

This commit is contained in:
Karol Wypchlo 2021-03-31 14:07:36 +02:00
parent b8087eed12
commit e6cc866cae
3 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/website/package.json
View File

@ -8,6 +8,7 @@
"@fontsource/sora": "^4.2.2", "@fontsource/sora": "^4.2.2",
"@fontsource/source-sans-pro": "^4.2.2", "@fontsource/source-sans-pro": "^4.2.2",
"@svgr/webpack": "^5.5.0", "@svgr/webpack": "^5.5.0",
"@tailwindcss/typography": "^0.4.0",
"autoprefixer": "^10.2.5", "autoprefixer": "^10.2.5",
"bytes": "^3.1.0", "bytes": "^3.1.0",
"classnames": "^2.2.6", "classnames": "^2.2.6",

14
packages/website/src/components/Icons/Add.svg
View File

@ -1,14 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 66 66"> <svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 66 66">
<defs> <g fill="none" fill-rule="evenodd">
<filter id="add-a"> <circle cx="33" cy="33" r="32" fill="#00C65E"/>
<feColorMatrix in="SourceGraphic" values="0 0 0 0 0.050980 0 0 0 0 0.050980 0 0 0 0 0.050980 0 0 0 1.000000 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(-.097 .903)">
<circle cx="33.097" cy="33.097" r="32" fill="#00C65E"/>
<path stroke="#0D0D0D" stroke-width="2" d="M59.7279532,50.4620828 C62.9634424,45.4615529 64.8418319,39.5010119 64.8418319,33.1017494 C64.8418319,15.4286374 50.5149439,1.1017494 32.8418319,1.1017494 C15.1687199,1.1017494 0.84183186,15.4286374 0.84183186,33.1017494" transform="rotate(-2 32.842 25.782)"/> <path stroke="#0D0D0D" stroke-width="2" d="M59.7279532,50.4620828 C62.9634424,45.4615529 64.8418319,39.5010119 64.8418319,33.1017494 C64.8418319,15.4286374 50.5149439,1.1017494 32.8418319,1.1017494 C15.1687199,1.1017494 0.84183186,15.4286374 0.84183186,33.1017494" transform="rotate(-2 32.842 25.782)"/>
<g filter="url(#add-a)" transform="translate(13.097 13.097)"> <rect width="2" height="16" x="31.903" y="24.903" fill="#0D0D0D"/>
<path fill="#FFF" d="M21,12 L21,19 L28,19 L28,21 L21,21 L21,28 L19,28 L19,21 L12,21 L12,19 L19,19 L19,12 L21,12 Z"/> <rect width="16" height="2" x="24.903" y="31.903" fill="#0D0D0D"/>
</g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 912 B

After

Width:  |  Height:  |  Size: 638 B

1
packages/website/tailwind.config.js
View File

@ -68,6 +68,7 @@ module.exports = {
}, },
}, },
plugins: [ plugins: [
require("@tailwindcss/typography"),
plugin(function ({ addBase, theme }) { plugin(function ({ addBase, theme }) {
addBase({ addBase({
body: { color: theme("textColor.palette.600") }, body: { color: theme("textColor.palette.600") },