fix: correct some pages' min-height

Renovamen · Dec 4, 2020 · 9151816 · 9151816 · vercel · Dec 4, 2020
1 parent e81c306
commit 9151816
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/packages/theme-gungnir/layouts/404.vue b/packages/theme-gungnir/layouts/404.vue
@@ -38,10 +38,14 @@ export default {
 
 .error-container
   padding $navbarHeight 2rem 0
-  height 100vh - $navbarHeight - 19rem
+  min-height calc(100vh - 155px)
   .error-content
-    text-align center 
-    margin-top 28vh
+    position absolute
+    text-align center
+    left 0
+    right 0
+    top 50%
+    margin-top -140px
     h2
       font-size 30px 
       font-weight bold 

diff --git a/packages/theme-gungnir/layouts/Links.vue b/packages/theme-gungnir/layouts/Links.vue
@@ -52,7 +52,7 @@ export default {
 
 .links-wrapper
     .links-group
-        min-height calc(86vh - 290px)
+        min-height calc(100vh - 155px - 235px)
         padding-top 10px
         padding-bottom 50px
         width 60%

diff --git a/packages/theme-gungnir/styles/theme.styl b/packages/theme-gungnir/styles/theme.styl
@@ -57,7 +57,7 @@ body
     &.is-fixed
       /* when the user scrolls down, we hide the header right above the viewport */
       position fixed
-      top (0 - $navbarHeight)
+      top (- $navbarHeight)
       background-color var(--bg-color-transparent)
       border-bottom 1px solid var(--border-color)
       box-shadow var(--box-shadow)