style: match logout button hover to other icon buttons, destructive color on hover

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-08 19:16:04 +01:00
parent 1496399b96
commit ee1cea6d01

View File

@@ -144,13 +144,14 @@
</a>
<Button
variant="ghost"
variant="link"
size="icon"
class="h-8 w-8 rounded-full text-foreground hover:text-destructive hover:bg-destructive/10"
class="h-9 w-9 rounded-full p-0 relative text-foreground/80 group hover:text-destructive"
onclick={handleLogout}
title={$_("header.logout")}
>
<span class="icon-[ri--logout-circle-r-line] h-4 w-4"></span>
<span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-destructive transition-all duration-300 group-hover:w-full"></span>
</Button>
</div>
</div>