refactor: 💡 样式优化

mpx-ecology · Nov 21, 2024 · e5aaf7c · e5aaf7c
1 parent 472f1d6
commit e5aaf7c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/packages/website/theme/components/Layout.vue b/packages/website/theme/components/Layout.vue
@@ -50,7 +50,6 @@ const handleResize = throttle(() => {
   } else {
     mainContentRef.value.style.paddingLeft = '0'
   }
-  mainContentRef.value.style.width=window.innerWidth-15+'px'
 }, 300)
 onMounted(() => {
   handleResize()

diff --git a/packages/website/theme/layouts/Layout.vue b/packages/website/theme/layouts/Layout.vue
@@ -39,19 +39,15 @@ const showPreview = computed(() => {
   min-width 100%
   background-color #f7f8fa
   overflow: auto
-
-  @media screen and (max-width: $MQMobile)
-    flex-direction: column
-    .preview-container
-      display: none
   .main
     flex 1
     width: 100%
     overflow: auto
     padding-top 64px
     min-width: 600px
     background-color var(--bg-color)
-    @media screen and (max-width: $MQMobileNarrow)
+    @media screen and (max-width: 960px)
+      padding-top: 0
       min-width: unset
     ::v-deep .page-edit
       display none

diff --git a/packages/website/theme/styles/vars.css b/packages/website/theme/styles/vars.css
@@ -1,5 +1,6 @@
 /* 主题色覆盖：https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css */
 :root {
+  --bg-color: #f7f8fa;
   /* 主题色 */
   --vp-c-brand-1: #ff7e33;
 }