fix(Tabs): adjust segmented control tabs spacing

gitsindonesia · Sep 13, 2023 · 8690fd2 · 8690fd2
1 parent d282248
commit 8690fd2
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/themes/src/morpheme/_tabs.scss b/packages/themes/src/morpheme/_tabs.scss
@@ -316,6 +316,10 @@
     --v-tabs-slider-max-width: 28rem;
     --v-tabs-slider-border-color: var(--color-transparent);
 
+    --v-tabs-item-padding-y: var(--size-spacing-2);
+    --v-tabs-item-active-padding-y: var(--size-spacing-2);
+    --v-tabs-item-hover-padding-y: var(--size-spacing-2);
+
     // active item
     --v-tabs-item-active-bg-color: var(--color-transparent);
 
@@ -333,14 +337,15 @@
 
       .v-tabs-items {
         width: auto;
+        border-radius: var(--border-radius-xl);
       }
     }
 
     .v-tabs-items {
       padding: var(--size-spacing-2) var(--size-spacing-2);
       background-color: var(--v-tabs-segmented-control-bg-color);
       width: 100%;
-      border-radius: var(--border-radius-lg);
+      border-radius: var(--border-radius-xl);
     }
 
     .v-tabs-slider {