fix: 样式 & 文案优化

didi · Mar 20, 2024 · 72fe97b · 72fe97b
1 parent b82ae52
commit 72fe97b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/docs/.vuepress/theme/components/SidebarLink.vue b/docs/.vuepress/theme/components/SidebarLink.vue
@@ -104,7 +104,7 @@ a.sidebar-link
   display inline-block
   color $textColor
   border-left 0.25rem solid transparent
-  padding 0.35rem 1rem 0.35rem 1.25rem
+  padding 0.35rem 0.35rem 0.35rem 1.25rem
   line-height 1.4
   width: 100%
   box-sizing: border-box

diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
@@ -210,6 +210,8 @@ export default {
     flex 1
     min-width: 600px
     background-color var(--bg-color)
+    @media screen and (max-width: $MQMobileNarrow)
+      min-width: unset
     ::v-deep .page-edit
       display none
   .preview-container

diff --git a/docs/.vuepress/theme/styles/layout.styl b/docs/.vuepress/theme/styles/layout.styl
@@ -18,7 +18,7 @@ html,body
 .sidebar
   position absolute
   top $navbarHeight
-  bottom -$navbarHeight
+  bottom - $navbarHeight
   max-width 14rem
   min-width 14rem
   border 0
@@ -61,6 +61,8 @@ html,body
   min-width 500px
   max-width unset
   margin 0 auto
+  @media screen and (max-width: $MQMobileNarrow)
+    min-width: unset
   .card:last-child
     margin-bottom 0
 

diff --git a/docs/guide/theme.md b/docs/guide/theme.md
@@ -146,14 +146,14 @@ module.exports = {
 
   createComponent({
     data: {
-      extends: `
+      style: `
         --cube-btn-color: red;
         --cube-btn-font-size: 25px;
       `
     },
     created () {
       setTimeout(() => {
-        this.extends = `
+        this.style = `
           --cube-btn-color: blue;
           --cube-btn-font-size: 10px;
         `