From d91d98cef56df52afbf4d9f2ac71c477feb0fd03 Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Wed, 16 Mar 2022 20:13:09 +0100
Subject: factor out top bar to __layout.svelte

---
 web/pw-server/src/routes/__layout.svelte | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 web/pw-server/src/routes/__layout.svelte

(limited to 'web/pw-server/src/routes/__layout.svelte')

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>
-- 
cgit v1.2.3

