🐛 Fix tabs component margin in prose page

nonebot · Sep 12, 2023 · 5e5fc49 · 5e5fc49
1 parent 19c0586
commit 5e5fc49
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/packages/theme-nonepress/src/theme/MDXComponents/styles.css b/packages/theme-nonepress/src/theme/MDXComponents/styles.css
@@ -18,4 +18,8 @@
       @apply mr-2 my-0;
     }
   }
+
+  & .tabs-container {
+    @apply my-4;
+  }
 }
diff --git a/packages/theme-nonepress/src/theme/Tabs/styles.css b/packages/theme-nonepress/src/theme/Tabs/styles.css
@@ -1,15 +1,25 @@
-.tabs-list {
-  @apply z-10 -mb-px;
-}
+.tabs {
+  /* vertical margin applied in prose css */
 
-.tab-item {
-  --tab-border-color: transparent;
+  /* &-container {
+    @apply my-4;
+  } */
 
-  &-active {
-    --tab-border-color: hsl(var(--bc) / 10%);
+  &-list {
+    @apply z-10 -mb-px;
   }
 }
 
-.tab-spacer {
-  @apply flex-1 mr-6 cursor-default;
+.tab {
+  &-item {
+    --tab-border-color: transparent;
+
+    &-active {
+      --tab-border-color: hsl(var(--bc) / 10%);
+    }
+  }
+
+  &-spacer {
+    @apply flex-1 mr-6 cursor-default;
+  }
 }