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

@@ -175,13 +175,36 @@
@apply text-sm text-muted-foreground;
}
[data-slot="table-cell"]:has(> [data-slot="button"]),
[data-slot="table-cell"]:has(> a) {
[data-slot="table-head"],
[data-slot="table-cell"] {
text-align: center;
}
[data-slot="table-cell"] > .flex:has([data-slot="button"]),
[data-slot="table-cell"] > .flex:has(a) {
justify-content: center;
[data-slot="table-cell"] > .flex,
[data-slot="table-head"] > .flex {
justify-content: center !important;
}
[data-slot="table-cell"] > .flex.flex-col {
align-items: center !important;
}
[data-slot="table-cell"] > .flex.flex-wrap {
justify-content: center !important;
}
[data-slot="table-cell"] [data-slot="badge"],
[data-slot="table-cell"] [data-slot="switch"],
[data-slot="table-cell"] [role="checkbox"],
[data-slot="table-cell"] [data-slot="button"],
[data-slot="table-cell"] > a {
margin-inline: auto;
}
[data-slot="table-cell"]:has(> [data-slot="button"]),
[data-slot="table-cell"]:has(> a),
[data-slot="table-cell"]:has(> [role="checkbox"]),
[data-slot="table-cell"]:has(> [data-slot="switch"]) {
text-align: center;
}
}