[design] fix main min height

2021-12-17 16:38:19 +01:00 · 2021-12-17 16:38:19 +01:00 · f2d72cb724
parent f60c23dd9c
commit f2d72cb724
1 changed files with 6 additions and 2 deletions
--- a/layouts/default.vue
+++ b/layouts/default.vue
@ -1,6 +1,6 @@
 <template>
-    <div class="d-flex flex-column vh-100 body">
-        <div class="flex-grow-1">
+    <div class="body">
+        <div class="flex-grow-1 vh">
            <Header/>
            <main class="container">
                <Nuxt/>
@ -67,4 +67,8 @@
            top: $header-height - 1px;
        }
    }
+
+    .vh {
+        min-height: calc(100vh - #{$header-height});
+    }
 </style>