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