Merge pull request #269 from dolthub/liuliu/tab-disabled-props

liuliu-dev · web-flow · commit def0c9355ded · 2025-01-24T14:25:32.000-08:00
components: disabled Tab color
diff --git a/packages/components/src/Tabs/Tab.tsx b/packages/components/src/Tabs/Tab.tsx
@@ -32,6 +32,7 @@ export default function Tab(props: Props) {
         [css.activeTab]: isActive,
         [css.smallTab]: !!props.small,
         [css.darkTab]: !!props.dark,
+        [css.disabledTab]: props.disabled,
       })}
     >
       {props.renderOnlyChild ? (
diff --git a/packages/components/src/Tabs/index.module.css b/packages/components/src/Tabs/index.module.css
@@ -34,6 +34,11 @@
   }
 }
 
+.disabledTab,
+.disabledTab:hover{
+  @apply text-storm-200 border-storm-200;
+}
+
 .activeTab.darkTab,
 .darkTab:hover {
   @apply text-primary border-primary;

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@ export default function Tab(props: Props) {`
`32`	`32`	`[css.activeTab]: isActive,`
`33`	`33`	`[css.smallTab]: !!props.small,`
`34`	`34`	`[css.darkTab]: !!props.dark,`
	`35`	`+ [css.disabledTab]: props.disabled,`
`35`	`36`	`})}`
`36`	`37`	`>`
`37`	`38`	`{props.renderOnlyChild ? (`
Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,11 @@`
`34`	`34`	`}`
`35`	`35`	`}`
`36`	`36`
	`37`	`+.disabledTab,`
	`38`	`+.disabledTab:hover{`
	`39`	`+ @apply text-storm-200 border-storm-200;`
	`40`	`+}`
	`41`	`+`
`37`	`42`	`.activeTab.darkTab,`
`38`	`43`	`.darkTab:hover {`
`39`	`44`	`@apply text-primary border-primary;`