fix: styles fixes

layout/layout.ejs

@@ -28,7 +28,7 @@
   <% if (hasBanner != "false") { %>
     <%- partial('_partial/banner') %> 
   <% } %> 
-  <div id="main-grid" class="shadow <% if (theme.sidebar.position == "right") { %> right-sidebar <% } %>  ">
+  <div id="main-grid" class="<% if (theme.sidebar.position == "right") { %> right-sidebar <% } %>  ">
     <div id="nav" class="<% if (is_home()) { %> is_home <% } %>"  >
       <%- partial('_partial/navbar', null, {cache: !config.relative_link}) %>
     </div>

source/css/_partial/article.styl

@@ -30,16 +30,16 @@
   font-weight: medium
   text-decoration: none
   display: flex
+  align-items: center
   *
     white-space: nowrap
   .meta-info
     transition: color trans-style, outline trans-style, background trans-style
   a
     color: var(--article-meta)
-    outline-width: 4px
-    outline-style: solid
-    outline-color: rgba(0,0,0,0)
-    border-radius: 2px
+    border-radius: 6px
+    margin: -4px
+    padding: 4px
     &:hover
       outline-color: var(--btn-bg)
       background: var(--btn-bg)
@@ -48,7 +48,7 @@
     display: flex
     gap: 6px
     *
-      transition: color trans-style
+      transition: background trans-style, color trans-style
   .need-seperator
     display: flex
     align-items: center

source/css/_partial/back-to-top.styl

@@ -15,8 +15,6 @@
     height: 60px
     font-family: font-icon
     color: var(--card-btn-icon)
-    font-size: 36px
-    font-weight: bold
     border: none
     position: fixed
     bottom: 240px
@@ -25,7 +23,7 @@
     cursor: pointer
     transform: translate(80px)
     i
-        font-size: 28px
+        font-size: 24px
     &.hide
         transform: translate(80px) scale(0.9)
         opacity: 0

source/css/_partial/header.styl

@@ -13,7 +13,7 @@
     &[hasBanner="true"]
       #nav
         height: calc(40vh - 72px)
-        filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15))
+        filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.04))
         &.is_home
           height: calc(60vh - 72px)
       #banner
@@ -23,7 +23,7 @@
       @media mq-normal          // duplicated code because @extend doesn't work inside @media
         #nav
           height: calc(40vh - 72px)
-          filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15))
+          filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.04))
           &.is_home
             height: calc(60vh - 72px)
         #banner

source/css/_partial/sidebar-aside.styl

@@ -101,7 +101,7 @@
   .link-list
     display: flex
     justify-content: center
-    gap: 12px
+    gap: 8px
     flex-wrap: wrap
     .link-btn
       @extend $button

source/css/style.styl

@@ -124,7 +124,7 @@ body
 #content-body
 #footer-wrapper
 #back-to-top-btn
-  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.02))    // Don't apply this to the parents of the back-to-top buttons
+  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.01))    // Don't apply this to the parents of the back-to-top buttons
 
 .img-dim
   width: 100%