diff options
Diffstat (limited to 'fe/src/App.svelte')
-rw-r--r-- | fe/src/App.svelte | 42 |
1 files changed, 9 insertions, 33 deletions
diff --git a/fe/src/App.svelte b/fe/src/App.svelte index 8811c52..25d53dc 100644 --- a/fe/src/App.svelte +++ b/fe/src/App.svelte | |||
@@ -1,40 +1,16 @@ | |||
1 | <script lang="ts"> | 1 | <script lang="ts"> |
2 | import { onMount, onDestroy } from 'svelte'; | 2 | import Layout from "./lib/Layout.svelte"; |
3 | import Layout from './lib/Layout.svelte' | 3 | import LoginForm from "./lib/LoginForm.svelte"; |
4 | import LoginForm from './lib/LoginForm.svelte'; | 4 | import DataView from "./lib/DataView.svelte"; |
5 | import DataView from './lib/DataView.svelte'; | 5 | import { authenticated } from "./stores/auth"; |
6 | import { authenticated } from './stores/auth'; | ||
7 | </script> | 6 | </script> |
8 | 7 | ||
9 | <main> | 8 | <main> |
10 | <Layout> | 9 | <Layout> |
11 | {#if !$authenticated} | 10 | {#if !$authenticated} |
12 | <LoginForm /> | 11 | <LoginForm /> |
13 | {:else} | 12 | {:else} |
14 | <DataView /> | 13 | <DataView /> |
15 | {/if} | 14 | {/if} |
16 | </Layout> | 15 | </Layout> |
17 | </main> | 16 | </main> |
18 | |||
19 | <style> | ||
20 | .logo { | ||
21 | height: 6em; | ||
22 | padding: 1.5em; | ||
23 | will-change: filter; | ||
24 | transition: filter 300ms; | ||
25 | } | ||
26 | .logo:hover { | ||
27 | filter: drop-shadow(0 0 2em #646cffaa); | ||
28 | } | ||
29 | .logo.svelte:hover { | ||
30 | filter: drop-shadow(0 0 2em #ff3e00aa); | ||
31 | } | ||
32 | .read-the-docs { | ||
33 | color: #888; | ||
34 | } | ||
35 | |||
36 | .error { | ||
37 | font-size: 0.75em; | ||
38 | color: red; | ||
39 | } | ||
40 | </style> | ||