diff options
| author | Ubuntu <github@matdoes.dev> | 2022-02-14 16:33:38 +0000 |
|---|---|---|
| committer | Ubuntu <github@matdoes.dev> | 2022-02-14 16:33:38 +0000 |
| commit | 9f28b6d9160fee5eff92d1d9849191f2f12faeab (patch) | |
| tree | 4ae0ce31df50b0d34a240da1be9bdfa0d4bb6a66 /src/routes/__layout.svelte | |
| download | skyblock-stats-9f28b6d9160fee5eff92d1d9849191f2f12faeab.tar.gz skyblock-stats-9f28b6d9160fee5eff92d1d9849191f2f12faeab.tar.bz2 skyblock-stats-9f28b6d9160fee5eff92d1d9849191f2f12faeab.zip | |
Initial commit
Diffstat (limited to 'src/routes/__layout.svelte')
| -rw-r--r-- | src/routes/__layout.svelte | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte new file mode 100644 index 0000000..7fef681 --- /dev/null +++ b/src/routes/__layout.svelte @@ -0,0 +1,45 @@ +<script lang="ts"> + import Header from '$lib/header/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> |