aboutsummaryrefslogtreecommitdiff
path: root/fe/src/App.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'fe/src/App.svelte')
-rw-r--r--fe/src/App.svelte42
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>