From da43cd8d3be0e2d53d27d7cc924eb445a482abf3 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Mon, 7 Dec 2020 22:07:36 -0500
Subject: cart finished for initial release, fixed annoying footer

---
 iridescence/src/App.vue | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

(limited to 'iridescence/src/App.vue')

diff --git a/iridescence/src/App.vue b/iridescence/src/App.vue
index d9499c4..1d60cc3 100644
--- a/iridescence/src/App.vue
+++ b/iridescence/src/App.vue
@@ -1,14 +1,16 @@
 <template>
   <div id="app">
-    <Navbar></Navbar>
-    <BusyBar></BusyBar>
-    <transition
-      mode="out-in"
-      enter-active-class="animate__animated animate__fadeInRight animate__faster"
-      leave-active-class="animate__animated animate__fadeOutLeft animate__faster"
-    >
-      <router-view />
-    </transition>
+    <div id="main">
+      <Navbar></Navbar>
+      <BusyBar></BusyBar>
+      <transition
+        mode="out-in"
+        enter-active-class="animate__animated animate__fadeInRight animate__faster"
+        leave-active-class="animate__animated animate__fadeOutLeft animate__faster"
+      >
+        <router-view />
+      </transition>
+    </div>
     <Footer></Footer>
   </div>
 </template>
@@ -31,6 +33,15 @@ export default {
 <style lang="scss">
 @charset "utf-8";
 /*modal-background-background-color: hsla(0, 0%, 4%, 0.2);*/
-$modal-content-width: 800px;
+$modal-content-width: 50em;
 @import "../node_modules/bulma/bulma.sass";
+
+#app {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+}
+#main {
+  flex: 1;
+}
 </style>
-- 
cgit v1.2.3