缩小顶部操作区图标与升级按钮尺寸
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-02-13 21:27:33 +08:00
parent 947c6df114
commit bff0a5ff88

View File

@ -355,14 +355,14 @@ export function LovartHome({
</span>
</button>
<div className="flex items-center gap-3">
<button className="inline-flex items-center gap-1 rounded-full px-2 py-1 text-sm text-black/80 hover:bg-black/5">
<div className="flex items-center gap-2">
<button className="inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[12px] text-black/80 hover:bg-black/5">
简体中文
<ChevronDown className="h-3.5 w-3.5" />
<ChevronDown className="h-3 w-3" />
</button>
<button className="flex h-9 w-9 items-center justify-center rounded-xl bg-black/5 text-black/75 hover:bg-black/10">
<Bell className="h-4 w-4" />
<button className="flex h-8 w-8 items-center justify-center rounded-lg bg-black/5 text-black/75 hover:bg-black/10">
<Bell className="h-3.5 w-3.5" />
</button>
<HoverCard openDelay={100} closeDelay={120}>
@ -370,11 +370,11 @@ export function LovartHome({
<Button
variant="ghost"
onClick={() => setUpgradeDialogOpen(true)}
className="h-10 rounded-xl bg-[#1c1c1e] px-3 text-white hover:bg-black"
className="h-8 rounded-[14px] bg-[#1c1c1e] px-2.5 text-[14px] text-white hover:bg-black"
>
<span className="mr-2 text-base">升级</span>
<div className="inline-flex items-center gap-1 rounded-[10px] bg-white/10 px-2 py-1 text-sm">
<Zap className="h-3.5 w-3.5 text-amber-300" />
<span className="mr-1.5">升级</span>
<div className="inline-flex items-center gap-1 rounded-[9px] bg-white/10 px-1.5 py-0.5 text-xs">
<Zap className="h-3 w-3 text-amber-300" />
{membershipData?.summary?.currentCredits ?? 0}
</div>
</Button>
@ -423,7 +423,7 @@ export function LovartHome({
</HoverCardContent>
</HoverCard>
<button className="flex h-10 w-10 items-center justify-center rounded-full bg-[#d4551f] text-base font-semibold text-white">
<button className="flex h-8 w-8 items-center justify-center rounded-full bg-[#d4551f] text-[14px] font-semibold text-white">
{(user.name || user.email || "mu").slice(0, 2).toLowerCase()}
</button>
</div>