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:
@@ -144,13 +144,14 @@
|
|||||||
</a>
|
</a>
|
||||||
|
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="link"
|
||||||
size="icon"
|
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}
|
onclick={handleLogout}
|
||||||
title={$_("header.logout")}
|
title={$_("header.logout")}
|
||||||
>
|
>
|
||||||
<span class="icon-[ri--logout-circle-r-line] h-4 w-4"></span>
|
<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>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user