style: add hover effect to tabs

2025-08-02 12:37:21 +02:00 · 2025-08-02 12:37:21 +02:00 · e5a5b76ece
parent 14393c559d
commit e5a5b76ece
1 changed files with 2 additions and 2 deletions
--- a/apps/web/src/components/editor/media-panel/tabbar.tsx
+++ b/apps/web/src/components/editor/media-panel/tabbar.tsx
@ -76,8 +76,8 @@ export function TabBar() {
          return (
            <div
              className={cn(
-                "flex flex-col gap-0.5 items-center cursor-pointer",
+                "flex flex-col gap-0.5 items-center cursor-pointer opacity-100 hover:opacity-75",
-                activeTab === tabKey ? "text-primary" : "text-muted-foreground"
+                activeTab === tabKey ? "text-primary !opacity-100" : "text-muted-foreground"
              )}
              onClick={() => setActiveTab(tabKey)}
              key={tabKey}