fix tab padding for borders more than one

saadeghi · Jun 16, 2021 · 711614f · 711614f
1 parent 31886b8
commit 711614f
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/styled/tab.css b/src/components/styled/tab.css
@@ -25,6 +25,7 @@
   border-bottom-color: hsla(var(--border-color, var(--b3)) / var(--tw-border-opacity, 1));
   padding-left: var(--tab-padding, 1rem);
   padding-right: var(--tab-padding, 1rem);
+  padding-top: var(--tab-border, 1px);
   &.tab-active{
     @apply bg-base-100;
     border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
@@ -34,6 +35,7 @@
     padding-left: calc( var(--tab-padding, 1rem) - var(--tab-border, 1px) );
     padding-right: calc( var(--tab-padding, 1rem) - var(--tab-border, 1px) );
     padding-bottom: var(--tab-border, 1px);
+    padding-top: 0;
     &:before, &:after{
       z-index: 1;
       content:'';