aboutsummaryrefslogtreecommitdiff
path: root/fe/src/App.svelte
blob: 8811c529b4894a8ce1781dc57d76a1004cb1bc09 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<script lang="ts">
    import { onMount, onDestroy } from 'svelte';
    import Layout from './lib/Layout.svelte'
    import LoginForm from './lib/LoginForm.svelte';
    import DataView from './lib/DataView.svelte';
    import { authenticated } from './stores/auth';
</script>

<main>
    <Layout>
    {#if !$authenticated}
        <LoginForm />
    {:else}
        <DataView />
    {/if} 
    </Layout>
</main>

<style>
  .logo {
    height: 6em;
    padding: 1.5em;
    will-change: filter;
    transition: filter 300ms;
  }
  .logo:hover {
    filter: drop-shadow(0 0 2em #646cffaa);
  }
  .logo.svelte:hover {
    filter: drop-shadow(0 0 2em #ff3e00aa);
  }
  .read-the-docs {
    color: #888;
  }
  
  .error {
    font-size: 0.75em;
    color: red;
  }
</style>