feat(ui): enhance table and admin components with improved layout and status display

- Updated global CSS to center-align table headers and cells, ensuring a consistent layout.
- Modified admin table components to replace switches with status badges for better clarity.
- Enhanced internationalization support by adding new strings for version actions and validation messages in multiple locales.
- Refactored configuration document screens to include version selection and improved user feedback on status changes.
This commit is contained in:
2026-05-26 11:13:16 +08:00
parent 05fa0cbeec
commit 4080f0b601
38 changed files with 788 additions and 608 deletions

View File

@@ -249,12 +249,12 @@ export function RiskPoolsConsole({
<TableHeader>
<TableRow>
<TableHead>{t("searchNumber")}</TableHead>
<TableHead className="text-right">{t("capAmount")}</TableHead>
<TableHead className="text-right">{t("lockedAmount")}</TableHead>
<TableHead className="text-right">{t("remainingAmount")}</TableHead>
<TableHead className="text-right">{t("usageRatio")}</TableHead>
<TableHead className="text-center">{t("capAmount")}</TableHead>
<TableHead className="text-center">{t("lockedAmount")}</TableHead>
<TableHead className="text-center">{t("remainingAmount")}</TableHead>
<TableHead className="text-center">{t("usageRatio")}</TableHead>
<TableHead>{t("poolStatus")}</TableHead>
<TableHead className="text-right">{t("actions")}</TableHead>
<TableHead className="text-center">{t("actions")}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -275,16 +275,16 @@ export function RiskPoolsConsole({
)}
>
<TableCell className="font-mono font-medium">{row.normalized_number}</TableCell>
<TableCell className="text-right text-sm tabular-nums">
<TableCell className="text-center text-sm tabular-nums">
{formatAdminMinorUnits(row.total_cap_amount, currencyCode)}
</TableCell>
<TableCell className="text-right text-sm tabular-nums">
<TableCell className="text-center text-sm tabular-nums">
{formatAdminMinorUnits(row.locked_amount, currencyCode)}
</TableCell>
<TableCell className="text-right text-sm tabular-nums">
<TableCell className="text-center text-sm tabular-nums">
{formatAdminMinorUnits(row.remaining_amount, currencyCode)}
</TableCell>
<TableCell className="text-right text-sm tabular-nums">
<TableCell className="text-center text-sm tabular-nums">
{row.usage_ratio != null ? `${(row.usage_ratio * 100).toFixed(2)}%` : "—"}
</TableCell>
<TableCell>
@@ -301,8 +301,8 @@ export function RiskPoolsConsole({
{row.is_sold_out ? t("soldOut") : highRisk ? t("warning") : t("normal")}
</span>
</TableCell>
<TableCell className="text-right">
<div className="flex justify-end gap-2">
<TableCell className="text-center">
<div className="flex justify-center gap-2">
{canManageRiskPools ? (
<Button
type="button"