templates

This commit is contained in:
Gleb Koval 2021-07-05 01:35:07 +01:00
parent 5baf4a320d
commit a79d734247
No known key found for this signature in database
GPG Key ID: 120F2F6DA9D995FB
2 changed files with 29 additions and 3 deletions

View File

@ -1,7 +1,24 @@
<script lang="ts"> <script lang="ts">
export let segment: string; import Navbar from "../components/Navbar.svelte";
</script> </script>
<Navbar />
<main> <main>
<slot></slot> <slot />
</main> </main>
<style lang="scss">
:global(body) {
background-color: hsl(236, 10%, 5%);
font-family: monospace, "Courier New";
color: hsl(30, 20%, 90%);
}
main {
display: flex;
flex-direction: column;
padding: 0.75em;
padding-top: 4.67em;
min-height: calc(100% - 5.42em);
}
</style>

View File

@ -3,6 +3,15 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<style>
html,
body,
div#sapper {
margin: 0;
padding: 0;
height: 100%;
}
</style>
%sapper.base% %sapper.scripts% %sapper.styles% %sapper.head% %sapper.base% %sapper.scripts% %sapper.styles% %sapper.head%
</head> </head>