fix: tab margin

saadeghi · May 7, 2021 · 572468a · 572468a
1 parent a6a6191
commit 572468a
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/styled/tab.css b/src/components/styled/tab.css
@@ -19,24 +19,23 @@
   border-bottom-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
   padding-left: var(--tab-padding, 1rem);
   padding-right: var(--tab-padding, 1rem);
-  margin: var(--tab-border, 1px) 0 0 0;
   &.tab-active{
     @apply bg-base-100;
     border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
-    margin: 0 0 var(--tab-border, 1px) 0;
     border-left-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
     border-right-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
     border-top-color: hsla(var(--b3, 216 12% 84%) / var(--tw-border-opacity, 1));
     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);
     &:before, &:after{
       z-index: 1;
       content:'';
       display: block;
       position: absolute;
       width: var(--tab-radius, .5rem);
       height: var(--tab-radius, .5rem);
-      bottom: calc(0rem - var(--tab-border, 1px));
+      bottom: 0;
       --tab-grad: calc( 68% - var(--tab-border, 1px) );
       --tab-corner-bg: 
       radial-gradient(