Improve tabs in UI kit (#1022)

socialincome-san · Jan 24, 2025 · cfbf9b0 · cfbf9b0
1 parent 22dc5c2
commit cfbf9b0
Show file tree

Hide file tree

Showing 3 changed files with 242 additions and 106 deletions.
diff --git a/README.md b/README.md
@@ -19,6 +19,7 @@ https://user-images.githubusercontent.com/6095849/191377786-10cdb4a1-5b25-4512-a
 | **Staging**      |                 [staging-admin.socialincome.org](https://staging-admin.socialincome.org)                  |                      [staging.socialincome.org](https://staging.socialincome.org/)                      |                         [Testflight](https://developer.apple.com/testflight/) / [App Distribution](https://firebase.google.com/docs/app-distribution)                         |
 | **Production**   |                         [admin.socialincome.org](https://admin.socialincome.org)                          |                              [socialincome.org](https://socialincome.org)                               | [iOS](https://apps.apple.com/ch/app/social-income/id6444860109?l=en-GB) / [Android](https://play.google.com/store/apps/details?id=org.socialincome.app&pcampaignid=web_share) |
 | **Issues**       | [Open issues](https://github.com/socialincome-san/public/issues?q=is%3Aissue+is%3Aopen+label%3Aadmintool) | [Open issues](https://github.com/socialincome-san/public/issues?q=is%3Aissue+is%3Aopen+label%3Awebsite) |                                   [Open issues](https://github.com/socialincome-san/public/issues?q=is%3Aissue+is%3Aopen+label%3Amobileapp)                                   |
+| **UI Kit**       |                                                     –                                                     |                [UI Components Documentation](https://socialincome-san.github.io/public/)                |                                                                                       –                                                                                       |
 
 # Code Contributions
 

diff --git a/ui/src/components/tabs.tsx b/ui/src/components/tabs.tsx
@@ -28,7 +28,7 @@ const TabsTrigger = React.forwardRef<
 	<TabsPrimitive.Trigger
 		ref={ref}
 		className={cn(
-			'ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm',
+			'ring-offset-background focus-visible:ring-ring data-[state=active]:bg-primary bg-card-muted text-accent-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-white data-[state=active]:shadow-sm',
 			className,
 		)}
 		{...props}