diff options
| author | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-16 20:13:09 +0100 |
|---|---|---|
| committer | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-16 20:13:09 +0100 |
| commit | d91d98cef56df52afbf4d9f2ac71c477feb0fd03 (patch) | |
| tree | fcf346d6b720b8bda0fe022c411b37e0801b7250 /web/pw-server/src/routes/__layout.svelte | |
| parent | 675bf6fd073097eeb29955fa34eee611c85971bd (diff) | |
| download | planetwars.dev-d91d98cef56df52afbf4d9f2ac71c477feb0fd03.tar.xz planetwars.dev-d91d98cef56df52afbf4d9f2ac71c477feb0fd03.zip | |
factor out top bar to __layout.svelte
Diffstat (limited to 'web/pw-server/src/routes/__layout.svelte')
| -rw-r--r-- | web/pw-server/src/routes/__layout.svelte | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/web/pw-server/src/routes/__layout.svelte b/web/pw-server/src/routes/__layout.svelte new file mode 100644 index 0000000..53b6269 --- /dev/null +++ b/web/pw-server/src/routes/__layout.svelte @@ -0,0 +1,26 @@ +<script lang="ts"> + import "./style.css"; +</script> + +<div class="outer-container"> + <div class="top-bar" /> + <slot /> +</div> + +<style lang="scss"> + @import "../lib/variables.scss"; + + .outer-container { + width: 100vw; + height: 100vh; + display: flex; + flex-direction: column; + } + + .top-bar { + height: 40px; + background-color: $bg-color; + border-bottom: 1px solid; + flex-shrink: 0; + } +</style> |