diff options
| author | mat <github@matdoes.dev> | 2022-02-15 01:33:08 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-15 01:33:08 +0000 |
| commit | ffe5eea0ce73cae8657c547f881b6f41270fef37 (patch) | |
| tree | eff4b6c4e4b9a155e8c6b68fd1843db20d8b4aa5 /src/routes | |
| parent | 9f28b6d9160fee5eff92d1d9849191f2f12faeab (diff) | |
| download | skyblock-stats-ffe5eea0ce73cae8657c547f881b6f41270fef37.tar.gz skyblock-stats-ffe5eea0ce73cae8657c547f881b6f41270fef37.tar.bz2 skyblock-stats-ffe5eea0ce73cae8657c547f881b6f41270fef37.zip | |
start adding stuff
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/__layout.svelte | 41 | ||||
| -rw-r--r-- | src/routes/todos/index.svelte | 32 |
2 files changed, 18 insertions, 55 deletions
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index 7fef681..d1fca30 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -1,45 +1,8 @@ <script lang="ts"> - import Header from '$lib/header/Header.svelte'; - import '../app.css'; + import Header from '$lib/Header.svelte' + import '../app.css' </script> -<Header /> - <main> <slot /> </main> - -<footer> - <p>visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to learn SvelteKit</p> -</footer> - -<style> - main { - flex: 1; - display: flex; - flex-direction: column; - padding: 1rem; - width: 100%; - max-width: 1024px; - margin: 0 auto; - box-sizing: border-box; - } - - footer { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 40px; - } - - footer a { - font-weight: bold; - } - - @media (min-width: 480px) { - footer { - padding: 40px 0; - } - } -</style> diff --git a/src/routes/todos/index.svelte b/src/routes/todos/index.svelte index e36b6cf..e23c1a1 100644 --- a/src/routes/todos/index.svelte +++ b/src/routes/todos/index.svelte @@ -1,17 +1,17 @@ <script lang="ts"> - import { enhance } from '$lib/form'; - import { scale } from 'svelte/transition'; - import { flip } from 'svelte/animate'; + import { enhance } from '$lib/form' + import { scale } from 'svelte/transition' + import { flip } from 'svelte/animate' type Todo = { - uid: string; - created_at: Date; - text: string; - done: boolean; - pending_delete: boolean; - }; - - export let todos: Todo[]; + uid: string + created_at: Date + text: string + done: boolean + pending_delete: boolean + } + + export let todos: Todo[] </script> <svelte:head> @@ -27,8 +27,8 @@ method="post" use:enhance={{ result: async ({ form }) => { - form.reset(); - } + form.reset() + }, }} > <input name="text" aria-label="Add todo" placeholder="+ tap to add a todo" /> @@ -46,8 +46,8 @@ method="post" use:enhance={{ pending: ({ data }) => { - todo.done = !!data.get('done'); - } + todo.done = !!data.get('done') + }, }} > <input type="hidden" name="uid" value={todo.uid} /> @@ -65,7 +65,7 @@ action="/todos?_method=DELETE" method="post" use:enhance={{ - pending: () => (todo.pending_delete = true) + pending: () => (todo.pending_delete = true), }} > <input type="hidden" name="uid" value={todo.uid} /> |