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>
|