diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-08-02 12:37:21 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-08-02 12:37:21 +0200 |
| commit | e5a5b76ece6c09ddfbb761bdafd7c01e762bc5b3 (patch) | |
| tree | 3478045d45cabcf3769932972aeab12425b42d5f /apps/web/src/components/editor/media-panel | |
| parent | 14393c559da7e5d402d8fad5e4959919160fc293 (diff) | |
| download | opencut-e5a5b76ece6c09ddfbb761bdafd7c01e762bc5b3.tar.gz | |
style: add hover effect to tabs
Diffstat (limited to 'apps/web/src/components/editor/media-panel')
| -rw-r--r-- | apps/web/src/components/editor/media-panel/tabbar.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/apps/web/src/components/editor/media-panel/tabbar.tsx b/apps/web/src/components/editor/media-panel/tabbar.tsx index a3733e4d..dcf5c8e7 100644 --- 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", - 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} |