style: 插件行三控件统一行内小号规格——开关 h-5 w-9、重载按钮 size-5

This commit is contained in:
Rick Ye
2026-09-11 11:22:59 +08:00
parent ef07c2db2c
commit 8866438005
@@ -800,12 +800,12 @@ function PluginsPanel({
aria-label={`启用${p.manifest.name}`}
disabled={togglingId !== null}
onClick={() => onToggle(p, !p.enabled)}
className={`relative h-6 w-10 shrink-0 rounded-full transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${
className={`relative h-5 w-9 shrink-0 rounded-full transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${
p.enabled ? 'bg-accent' : 'bg-line-strong'
}`}
>
<span
className={`absolute top-0.5 size-5 rounded-full bg-white shadow transition-[left] ${p.enabled ? 'left-[18px]' : 'left-0.5'}`}
className={`absolute top-0.5 size-4 rounded-full bg-white shadow transition-[left] ${p.enabled ? 'left-[18px]' : 'left-0.5'}`}
/>
</button>
</div>
@@ -824,9 +824,9 @@ function PluginsPanel({
.catch(() => undefined)
.finally(() => setReloading(false))
}}
className="flex size-6 shrink-0 items-center justify-center rounded-control text-ink-3 transition-colors hover:bg-hover hover:text-ink-2 disabled:opacity-50"
className="flex size-5 shrink-0 items-center justify-center rounded-control text-ink-3 transition-colors hover:bg-hover hover:text-ink-2 disabled:opacity-50"
>
<LuRefreshCw size={12} className={reloading ? 'animate-spin' : undefined} />
<LuRefreshCw size={11} className={reloading ? 'animate-spin' : undefined} />
</button>
</div>
)}