feat(design): tab style updates (#3379)

graycoreio · Dec 26, 2024 · 53d3a41 · 53d3a41
1 parent 1f1f854
commit 53d3a41
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html b/libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html
@@ -2,7 +2,7 @@
 	<daff-tab>
 		<daff-tab-label>
 			<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
-			Tab 1
+			Usage 1
 		</daff-tab-label>
 		<daff-tab-panel>
 			Tab 1 Panel

diff --git a/libs/design/tabs/src/tabs/tab-activator/tab-activator.component.scss b/libs/design/tabs/src/tabs/tab-activator/tab-activator.component.scss
@@ -8,6 +8,7 @@
 	border: none;
 	color: currentColor;
 	font-size: 1rem;
+	line-height: 1.5rem;
 	font-weight: 400;
 	height: 2.5rem;
 	margin: 0;

diff --git a/libs/design/tabs/src/tabs/tabs.component.scss b/libs/design/tabs/src/tabs/tabs.component.scss
@@ -9,7 +9,7 @@
 
 	#{$root}__tab-list {
 		display: flex;
-		overflow-x: scroll;
+		overflow-x: auto;
 		scrollbar-width: thin;
 	}
 }