refactor layout

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
2023-01-07 13:14:43 +06:00
parent fddfe6bb3e
commit d8fa745c56
3 changed files with 30 additions and 11 deletions
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,9 +1,21 @@
 <template>
-  <div>
-    <MainHeader />
-    <div class="h-full">
+  <div class="gd-container">
+    <header class="fixed w-full backdrop-blur-3xl">
+      <MainHeader />
+    </header>
+    <main class="mt-20">
      <slot />
-    </div>
-    <MainFooter />
+    </main>
+    <footer>
+      <MainFooter />
+    </footer>
  </div>
 </template>
+
+<style scoped>
+.gd-container {
+  display: grid;
+  grid-template-rows: 1fr auto;
+  min-height: 100vh;
+}
+</style>