diff options
author | Loek Le Blansch <32883851+lonkaars@users.noreply.github.com> | 2021-04-21 10:40:52 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-21 10:40:52 +0200 |
commit | dadc722875b2095bd3d6c4ab628a644197b85f7b (patch) | |
tree | 9e061708fad5bfdcc40f4c40662d77fbc42cfe64 /components/logo.tsx | |
parent | c603cb79e7ba7fdbb101a506e36f6d8d70b3a8f4 (diff) | |
parent | 5cb39d822716c650e520c3855ef049ff308a348c (diff) |
Merge pull request #12 from lonkaars/css-files
big redesign css move thing
Diffstat (limited to 'components/logo.tsx')
-rw-r--r-- | components/logo.tsx | 26 |
1 files changed, 6 insertions, 20 deletions
diff --git a/components/logo.tsx b/components/logo.tsx index e43aa88..df35370 100644 --- a/components/logo.tsx +++ b/components/logo.tsx @@ -1,26 +1,12 @@ -export function LogoDark() { +export default function Logo() { return ( <div className='noclick'> <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> - <rect width='24' height='24' fill='var(--background)' /> - <circle cx='6.5' cy='6.5' r='4.5' fill='var(--disk-b)' /> - <circle cx='6.5' cy='17.5' r='4.5' fill='var(--disk-a)' /> - <circle cx='17.5' cy='17.5' r='4.5' fill='var(--disk-b)' /> - <circle cx='17.5' cy='6.5' r='3.5' stroke='var(--text)' strokeWidth='2' /> - </svg> - </div> - ); -} - -export function LogoLight() { - return ( - <div className='noclick'> - <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> - <rect width='24' height='24' fill='var(--page-background)' /> - <circle cx='6.5' cy='6.5' r='4.5' fill='var(--disk-b)' /> - <circle cx='6.5' cy='17.5' r='4.5' fill='var(--disk-a)' /> - <circle cx='17.5' cy='17.5' r='4.5' fill='var(--disk-b)' /> - <circle cx='17.5' cy='6.5' r='3.5' stroke='var(--background)' strokeWidth='2' /> + <rect width='24' height='24' fill='none' /> + <circle className='green' cx='6.5' cy='6.5' r='4.5' fill='var(--confirm)' /> + <circle className='red' cx='6.5' cy='17.5' r='4.5' fill='var(--error)' /> + <circle className='green' cx='17.5' cy='17.5' r='4.5' fill='var(--confirm)' /> + <circle className='circle' cx='17.5' cy='6.5' r='3.5' stroke='var(--foreground)' strokeWidth='2' /> </svg> </div> ); |