diff options
Diffstat (limited to 'iridescence/src/App.vue')
| -rw-r--r-- | iridescence/src/App.vue | 31 |
1 files changed, 21 insertions, 10 deletions
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> |