refactor: 更新配置模块的样式与布局,优化组件结构,增强可读性与一致性

This commit is contained in:
2026-05-21 16:33:22 +08:00
parent 055c613a6d
commit 3ce84af39c
15 changed files with 541 additions and 377 deletions

View File

@@ -36,23 +36,12 @@ export function ConfigVersionActions({
const resolvedPublishLabel = publishLabel ?? t("versionActions.publishCurrent");
return (
<div className={cn("flex flex-wrap items-center gap-2 lg:justify-end", className)}>
<Button
type="button"
variant="outline"
className="border-slate-300 bg-white text-slate-700 hover:bg-slate-50 hover:text-slate-950"
disabled={loadingList}
onClick={onRefresh}
>
<div className={cn("flex flex-wrap items-center gap-2", className)}>
<Button type="button" variant="outline" disabled={loadingList} onClick={onRefresh}>
<RefreshCw className={loadingList ? "size-4 animate-spin" : "size-4"} aria-hidden />
{loadingList ? t("versionActions.refreshing") : t("versionActions.refresh")}
</Button>
<Button
type="button"
className="bg-slate-950 text-white hover:bg-slate-800"
disabled={saving}
onClick={onNewDraft}
>
<Button type="button" disabled={saving} onClick={onNewDraft}>
<Plus className="size-4" aria-hidden />
{t("versionActions.newDraft")}
</Button>
@@ -60,20 +49,14 @@ export function ConfigVersionActions({
<>
<Button
type="button"
variant="outline"
className="border-amber-300 bg-amber-50 text-amber-900 hover:bg-amber-100 hover:text-amber-950"
variant="secondary"
disabled={draftActionBusy}
onClick={onSaveDraft}
>
<Save className="size-4" aria-hidden />
{t("versionActions.saveDraft")}
</Button>
<Button
type="button"
className="bg-emerald-600 text-white hover:bg-emerald-700"
disabled={draftActionBusy}
onClick={onPublish}
>
<Button type="button" disabled={draftActionBusy} onClick={onPublish}>
<Rocket className="size-4" aria-hidden />
{resolvedPublishLabel}
</Button>