style: 插件行三控件统一行内小号规格——开关 h-5 w-9、重载按钮 size-5
This commit is contained in:
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user