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