移动端适配

Norcy · May 28, 2022 · 956a0f3 · 956a0f3
1 parent 923735e
commit 956a0f3
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/themes/Wikitten/source/css/_partial/article.styl b/themes/Wikitten/source/css/_partial/article.styl
@@ -17,7 +17,6 @@ article
     @media mq-mobile
         width: 100vw
     @media mq-mini
-        margin-bottom: 260px
         width: 100vw
 
 .article-banner

diff --git a/themes/Wikitten/source/css/_partial/sidebar.styl b/themes/Wikitten/source/css/_partial/sidebar.styl
@@ -4,10 +4,10 @@
     @media mq-mini
         width: 100%
     @media mq-tablet
-        width: 260px
+        width: sidebar-width
         position: fixed
     @media mq-normal
-        width: 260px
+        width: sidebar-width
         position: fixed
 
     overflow-y:scroll;

diff --git a/themes/Wikitten/source/css/_variables.styl b/themes/Wikitten/source/css/_variables.styl
@@ -36,6 +36,7 @@ sidebar = hexo-config("customize.sidebar")
 thumbnail-default-small = 'images/thumb-default-small.png'
 sidebar-color-link = #717484
 sidebar-color-link-current = #4569D4
+sidebar-width = 260px
 
 // Profile bar
 profile = hexo-config("customize.profile.enabled")

diff --git a/themes/Wikitten/source/css/style.styl b/themes/Wikitten/source/css/style.styl
@@ -43,6 +43,7 @@ code
     display: flex
     height: calc(100% - 64px)
     width: 100%
+    overflow-x: hidden
     @media mq-mobile
         flex-direction: column
         padding: 0