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:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user