Merge pull request #87 from ins-x/fix/86

fix(theme): wrong layout of API page (close: #86)
ulivz · Jan 16, 2023 · 0a2346a · 0a2346a
2 parents ab52bbe + e02981d
commit 0a2346a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/vuepress-theme-vt/components/Page.vue b/packages/vuepress-theme-vt/components/Page.vue
@@ -1,5 +1,10 @@
 <template>
-  <main :class="['page', isHomepage ? 'homepage' : '', pageName]">
+  <main :class="[
+    'page', 
+    isHomepage ? 'homepage' : '', 
+    $page.frontmatter.api ? 'enable-api' : '', 
+    pageName,
+  ]">
     <slot name="top" />
 
     <Content class="theme-default-content vp-doc" />

diff --git a/packages/vuepress-theme-vt/styles/index.styl b/packages/vuepress-theme-vt/styles/index.styl
@@ -193,7 +193,7 @@ table {
   .page {
     padding-left: calc((100vw - var(--vp-screen-max-width)) / 2 + var(--vp-sidebar-width));
 
-    &.api {
+    &.enable-api {
       font-size: 20px;
       padding-left: 240px;