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}`} aria-label={`启用${p.manifest.name}`}
disabled={togglingId !== null} disabled={togglingId !== null}
onClick={() => onToggle(p, !p.enabled)} 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' p.enabled ? 'bg-accent' : 'bg-line-strong'
}`} }`}
> >
<span <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> </button>
</div> </div>
@@ -824,9 +824,9 @@ function PluginsPanel({
.catch(() => undefined) .catch(() => undefined)
.finally(() => setReloading(false)) .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> </button>
</div> </div>
)} )}