fix: tabs

appwrite · Nov 26, 2024 · 89b1d56 · 89b1d56
1 parent e26e5da
commit 89b1d56
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/v2/pink-sb/src/lib/tabs/Root.svelte b/v2/pink-sb/src/lib/tabs/Root.svelte
@@ -7,7 +7,8 @@
         display: inline-flex;
         align-items: flex-start;
         gap: var(--space-6);
-        border-radius: var(--border-radius-m);
+        border-radius: var(--border-radius-s);
         background: var(--color-bgcolor-neutral-secondary);
+        flex-wrap: wrap;
     }
 </style>
diff --git a/v2/pink-sb/src/lib/tabs/_tabs.scss b/v2/pink-sb/src/lib/tabs/_tabs.scss
@@ -12,9 +12,17 @@
     border: var(--border-width-s) solid transparent;
     white-space: nowrap;
 
-    border-radius: var(--border-radius-m);
+    border-radius: var(--border-radius-s);
     background: var(--color-bgcolor-neutral-secondary);
+
     color: var(--color-fgcolor-neutral-secondary);
+    text-align: center;
+    font-family: var(--font-family-sansserif);
+    font-size: var(--font-size-s);
+    font-style: normal;
+    font-weight: 400;
+    line-height: 140%; /* 19.6px */
+    letter-spacing: -0.063px;
 
     &:not(.active):not(&:disabled):not(&[aria-disabled='true']) {
         &:hover,
@@ -24,6 +32,8 @@
     }
 
     &.active {
+        color: var(--color-fgcolor-neutral-primary);
+        font-weight: 500;
         border: var(--border-width-s) solid var(--color-border-neutral);
         background: var(--color-bgcolor-neutral-primary);
         box-shadow: