refactor(web): styles and styleguide

This commit is contained in:
Paul Armstrong
2021-02-01 20:28:25 -08:00
committed by Blake Blackshear
parent 01c3b4fa6e
commit 5ed7a17f46
26 changed files with 833 additions and 181 deletions

View File

@@ -0,0 +1,10 @@
import { h } from 'preact';
export default function ArrowDropdown() {
return (
<svg className="w-10 fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M7 10l5 5 5-5z" />
</svg>
);
}

View File

@@ -0,0 +1,10 @@
import { h } from 'preact';
export default function ArrowDropup() {
return (
<svg className="w-10 fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M7 14l5-5 5 5z" />
</svg>
);
}

10
web/src/icons/Menu.jsx Normal file
View File

@@ -0,0 +1,10 @@
import { h } from 'preact';
export default function Menu() {
return (
<svg className="w-10 fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />
</svg>
);
}

View File

@@ -0,0 +1,10 @@
import { h } from 'preact';
export default function MenuOpen() {
return (
<svg className="w-10 fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0V0z" fill="none" />
<path d="M3 18h13v-2H3v2zm0-5h10v-2H3v2zm0-7v2h13V6H3zm18 9.59L17.42 12 21 8.41 19.59 7l-5 5 5 5L21 15.59z" />
</svg>
);
}

10
web/src/icons/More.jsx Normal file
View File

@@ -0,0 +1,10 @@
import { h } from 'preact';
export default function More() {
return (
<svg className="w-10 fill-current" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
</svg>
);
}