fix(desktop): Official 卡片微调 — cursor-pointer 跟 hover 同步, 登录区加 top padding

Code review follow-ups on 33df639:
- cursor-pointer 从 inner header 挪回 outer div, 跟 hover border 保持同一元素, 避免
  hover 到卡片 border 区域时 cursor 先恢复默认再变 pointer
- login section pt-2 → pt-3, 跟下方内容留足视觉呼吸

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
程序员阿江(Relakkes) 2026-04-17 20:37:31 +08:00
parent 33df639c04
commit 4b4567bb80

View File

@ -142,11 +142,11 @@ function ProviderSettings() {
className={`relative flex flex-col rounded-xl border transition-all mb-2 ${
isOfficialActive
? 'border-[var(--color-brand)] bg-[var(--color-primary-fixed)]'
: 'border-[var(--color-border)] hover:border-[var(--color-border-focus)]'
: 'border-[var(--color-border)] hover:border-[var(--color-border-focus)] cursor-pointer'
}`}
>
<div
className={`flex items-center gap-4 px-4 py-3.5 ${!isOfficialActive ? 'cursor-pointer' : ''}`}
className="flex items-center gap-4 px-4 py-3.5"
onClick={() => !isOfficialActive && handleActivateOfficial()}
>
<span className={`w-2.5 h-2.5 rounded-full flex-shrink-0 ${isOfficialActive ? 'bg-[var(--color-success)]' : 'bg-[var(--color-text-tertiary)]'}`} />
@ -162,7 +162,7 @@ function ProviderSettings() {
</div>
{isOfficialActive && (
<div className="px-4 pb-4 pt-2 border-t border-[var(--color-border-separator)]">
<div className="px-4 pb-4 pt-3 border-t border-[var(--color-border-separator)]">
<ClaudeOfficialLogin />
</div>
)}