style: add hover effect to tabs

This commit is contained in:
Maze Winther
2025-08-02 12:37:21 +02:00
parent 14393c559d
commit e5a5b76ece
@@ -76,8 +76,8 @@ export function TabBar() {
return ( return (
<div <div
className={cn( 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)} onClick={() => setActiveTab(tabKey)}
key={tabKey} key={tabKey}