From 5e5fc4921237f1ef3af88ec9988bd08a53cba74d Mon Sep 17 00:00:00 2001
From: Ju4tCode <42488585+yanyongyu@users.noreply.github.com>
Date: Tue, 12 Sep 2023 10:00:08 +0000
Subject: [PATCH] :bug: Fix tabs component margin in prose page

---
 .../src/theme/MDXComponents/styles.css        |  4 +++
 .../theme-nonepress/src/theme/Tabs/styles.css | 28 +++++++++++++------
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/packages/theme-nonepress/src/theme/MDXComponents/styles.css b/packages/theme-nonepress/src/theme/MDXComponents/styles.css
index afc0925..f25599c 100644
--- 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
index c3e4b4d..617b643 100644
--- 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;
+  }
 }