Update Secondary tab stories for tab component

IFRCGo · Sep 23, 2024 · 2cea015 · 2cea015
1 parent 9f692ae
commit 2cea015
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/packages/ui/src/components/Tabs/Tab/styles.module.css b/packages/ui/src/components/Tabs/Tab/styles.module.css
@@ -183,12 +183,20 @@
     }
 
     &.secondary {
-        border-radius: var(--go-ui-border-radius-full);
-        padding: var(--go-ui-spacing-md) var(--go-ui-spacing-xl);
-
+        border-right: var(--border-width) solid var(--border-color);
+        border-top-color: transparent;
+
+      /* stylelint-disable-next-line no-descending-specificity */
+        .children-wrapper {
+            padding: var(--go-ui-spacing-md) var(--go-ui-spacing-lg);
+        }
+
         &.active {
-            background-color: var(--go-ui-color-primary-red);
-            color: var(--go-ui-color-white);
+            color: var(--go-ui-color-primary-red);
+        }
+
+        &:last-child {
+            border-color: transparent;
         }
     }
 

diff --git a/packages/ui/src/components/Tabs/TabList/styles.module.css b/packages/ui/src/components/Tabs/TabList/styles.module.css
@@ -16,17 +16,10 @@
             border-bottom: var(--go-ui-width-separator-thin) solid var(--go-ui-color-separator);
         }
     }
-
     &.secondary {
         display: flex;
         overflow-x: auto;
 
-        .content {
-            display: flex;
-            border-radius: var(--go-ui-border-radius-full);
-            background-color: var(--go-ui-color-element-background);
-        }
-
         .start-dummy-content,
         .end-dummy-content {
             flex-grow: 1;