fix: #11

dewfall123 · Mar 8, 2021 · 3238964 · 3238964
1 parent 9a54467
commit 3238964
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vitepress-for-component",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "dumi like documentation tool",
   "main": "dist/node/index.js",
   "typings": "types/index.d.ts",

diff --git a/src/client/theme-default/components/Page.vue b/src/client/theme-default/components/Page.vue
@@ -46,6 +46,13 @@ import NextAndPrevLinks from './NextAndPrevLinks.vue'
   width: calc(100% - var(--slug-width));
 }
 
+@media (max-width: 900px) {
+  .container {
+    margin-right: 0;
+    width: 100%;
+  }
+}
+
 .content {
   padding-bottom: 1.5rem;
 }

diff --git a/src/client/theme-default/components/Slugs.vue b/src/client/theme-default/components/Slugs.vue
@@ -65,4 +65,15 @@ export default {
 .link {
   color: var(--text-color);
 }
+
+.right-slug {
+  transform: translateX(100%);
+  transition: transform 0.25s ease;
+}
+
+@media (min-width: 900px) {
+  .right-slug {
+    transform: translateX(0);
+  }
+}
 </style>