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