fix: adjust user menu button height for avatar content (#77)
Override the fixed h-6.5 from Kumo's sm size with h-auto and py-1 so the button sizes naturally around the avatar. The sm size is still used for text size, gap, and border-radius — only the height is overridden, since this is a usage-specific concern (tall content inside a small button) rather than a design system issue. Co-authored-by: Matt Kane <mkane@cloudflare.com>
This commit is contained in:
@@ -55,7 +55,7 @@ export function Header() {
|
|||||||
{/* User menu */}
|
{/* User menu */}
|
||||||
<Popover open={userMenuOpen} onOpenChange={setUserMenuOpen}>
|
<Popover open={userMenuOpen} onOpenChange={setUserMenuOpen}>
|
||||||
<Popover.Trigger asChild>
|
<Popover.Trigger asChild>
|
||||||
<Button variant="ghost" size="sm" className="gap-2">
|
<Button variant="ghost" size="sm" className="gap-2 py-1 h-auto">
|
||||||
{user?.avatarUrl ? (
|
{user?.avatarUrl ? (
|
||||||
<img src={user.avatarUrl} alt="" className="h-6 w-6 rounded-full object-cover" />
|
<img src={user.avatarUrl} alt="" className="h-6 w-6 rounded-full object-cover" />
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user