Remove hover scale effect on tab buttons for cleaner interaction

Co-authored-by: markokraemer.mail <markokraemer.mail@gmail.com>
This commit is contained in:
Cursor Agent 2025-07-17 11:17:00 +00:00
parent ef32fc0b71
commit 32e115365a
1 changed files with 1 additions and 1 deletions

View File

@ -36,7 +36,7 @@ const TabButton = ({ value, isActive, onClick, children }: TabButtonProps) => {
className={cn(
"relative flex items-center justify-center gap-2 rounded-2xl px-4 py-2.5 text-sm font-medium transition-all duration-300 ease-out",
// Only apply hover background when not active - subtle and elegant
!isActive && (isDark ? "hover:bg-white/8 hover:scale-[1.02]" : "hover:bg-muted/60 hover:scale-[1.02]"),
!isActive && (isDark ? "hover:bg-white/8" : "hover:bg-muted/60"),
isActive
? isDark ? "text-white" : "text-foreground bg-background border border-border/50"
: isDark ? "text-white/60 hover:text-white/85" : "text-muted-foreground hover:text-foreground"