style: add hover effect to tabs

2026-07-13 21:52:53 +02:00 · 2025-08-02 12:37:21 +02:00
parent 14393c559d
commit e5a5b76ece
1 changed files with 2 additions and 2 deletions
@@ -76,8 +76,8 @@ export function TabBar() {
          return (
            <div
              className={cn(
-                "flex flex-col gap-0.5 items-center cursor-pointer",
-                activeTab === tabKey ? "text-primary" : "text-muted-foreground"
+                "flex flex-col gap-0.5 items-center cursor-pointer opacity-100 hover:opacity-75",
+                activeTab === tabKey ? "text-primary !opacity-100" : "text-muted-foreground"
              )}
              onClick={() => setActiveTab(tabKey)}
              key={tabKey}