调整: 一些css位置、移除冗余css

修复: 在一些内容比较少的页面上，footer和main总是不会占满剩余空间，导致整体显示不美观的bug
Lete114 · Jul 17, 2021 · 5c53e1a · 5c53e1a
1 parent 5ffc1e7
commit 5c53e1a
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 12 deletions.
diff --git a/source/css/_partial/page.styl b/source/css/_partial/page.styl
@@ -27,9 +27,7 @@
             &::after
                 content: ')';
 
-.archive_article_info
-    .archive-year
-        padding-top: 20px;
+.archive_article_infobi
     .article_item
         padding-left: 1rem;
         padding-top: 20px;

diff --git a/source/css/global/dark.styl b/source/css/global/dark.styl
@@ -13,6 +13,10 @@
     --blockquote_color: #6a737d
 
 if hexo-config('darkmode')
+    html[data-theme="dark"] 
+        img,#rightside
+            -webkit-filter: brightness(.8);
+            filter: brightness(.8);
     html[data-theme="dark"]
         --body_bg: #333841
         --text_color: rgba(255,255,255,0.6)

diff --git a/source/css/global/footer.styl b/source/css/global/footer.styl
@@ -1,11 +1,8 @@
 footer
-    clear both
-    max-width 780px
     text-align center
     font-size 15px
     line-height 2em
     padding 30px 0
-    margin 0 auto
     .fa-fan
         color $fan
         -webkit-animation IH 1s linear infinite

diff --git a/source/css/global/index.styl b/source/css/global/index.styl
@@ -4,11 +4,6 @@
     margin: 0
 }
 
-html[data-theme="dark"] 
-    img,#rightside
-        -webkit-filter: brightness(.8);
-        filter: brightness(.8);
-
 html
     scroll-behavior: smooth;
 body
@@ -51,8 +46,11 @@ body
 
 #body_wrap
     margin-top: 70px
-    width: 100%;
+    display: flex;
+    flex-direction: column;
+    min-height: 90vh;
     #main_wrap
+        flex: 1;
         display: flex
         justify-content: center;
     .main