Style improvements

Make navbar sticky. Add margin to airlocks.
OdysseusLarp · Jun 26, 2024 · 6536f66 · 6536f66
1 parent 8b7c27c
commit 6536f66
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-navbar toggleable="sm" variant="light" type="light">
+    <b-navbar toggleable="sm" variant="light" type="light" sticky>
       <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
       <b-navbar-brand to="/">Odysseus admin</b-navbar-brand>
       <b-collapse id="nav_collapse" is-nav>

diff --git a/src/views/Airlocks.vue b/src/views/Airlocks.vue
@@ -3,17 +3,26 @@
     <b-container fluid class="my-4">
       <h1>Airlocks</h1>
     </b-container>
-    <b-container fluid class="my-4">
+    <b-container fluid class="my-4 airlocks-container">
       <b-row>
-        <b-col class="border"><AirlockControl box-id="airlock_main" /></b-col>
-        <b-col class="border"
+        <b-col class="border airlock"><AirlockControl box-id="airlock_main" /></b-col>
+        <b-col class="border airlock"
           ><AirlockControl box-id="airlock_hangarbay"
         /></b-col>
       </b-row>
     </b-container>
   </div>
 </template>
 
+<style scoped lang="scss">
+.airlocks-container {
+  padding: 1rem;
+}
+.airlock {
+  margin: 1rem;
+}
+</style>
+
 <script>
 import { mapState } from "vuex";
 import AirlockControl from "@/components/AirlockControl.vue";