diff options
| author | Loek Le Blansch <32883851+lonkaars@users.noreply.github.com> | 2021-01-31 14:33:50 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-31 14:33:50 +0100 |
| commit | 75255cd0085e4d7457a7af45e6192c6cfaf5e6e5 (patch) | |
| tree | f3dd2503199729941355b662f3799b67e06f2485 /components/logo.tsx | |
| parent | cd876e0e3000855cf407eee86b9a4d46e8875d91 (diff) | |
| parent | 8de79c8869b254992e5c6df391c5ebd1e1da2f1a (diff) | |
Merge pull request #2 from lonkaars/nextjs
move from react routing thingy to next.js
Diffstat (limited to 'components/logo.tsx')
| -rw-r--r-- | components/logo.tsx | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/components/logo.tsx b/components/logo.tsx new file mode 100644 index 0000000..b0f358f --- /dev/null +++ b/components/logo.tsx @@ -0,0 +1,28 @@ +export function LogoDark() { + 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"/> + </svg> + </div> + ); +} + |