Enhance App.css with additional styles for Ant Design components

- Added styles for .ant-card, .ant-progress, .ant-collapse, and .ant-radio-group.
- Updated .ant-select and related classes for improved layout and appearance.
- Introduced new styles for object display tags to enhance visual consistency.
This commit is contained in:
Tom Butcher 2025-12-07 02:39:53 +00:00
parent 3673a7a1ec
commit dbb6be8654

View File

@ -3,6 +3,7 @@
.ant-descriptions-item-content, .ant-descriptions-item-content,
.ant-menu-title-content, .ant-menu-title-content,
.ant-tag, .ant-tag,
.ant-card,
.ant-checkbox-label, .ant-checkbox-label,
.ant-btn, .ant-btn,
.ant-breadcrumb-link, .ant-breadcrumb-link,
@ -24,7 +25,11 @@
.ant-segmented-item-label, .ant-segmented-item-label,
.ant-badge-status-text, .ant-badge-status-text,
.ant-tree-title, .ant-tree-title,
.ant-select { .ant-select,
.ant-progress,
.ant-collapse,
.ant-radio-group,
[class*=' ant-radio'] {
font-family: 'DM Sans'; font-family: 'DM Sans';
} }
@ -47,6 +52,15 @@
vertical-align: top !important; vertical-align: top !important;
} }
.object-display-tag .ant-typography-ellipsis-single-line > code {
background-color: transparent !important;
border: 1px solid transparent !important;
max-width: calc(100%);
padding: 0;
margin: 0;
font-size: 95%;
}
.flag { .flag {
line-height: 0.7; line-height: 0.7;
} }
@ -346,12 +360,19 @@ body {
border-radius: 0px !important; border-radius: 0px !important;
} }
.ant-select-selection-item .ant-tag, .ant-select-selection-item .object-display-tag,
.ant-select-tree-title .object-display-tag { .ant-select-tree-title .object-display-tag {
background: transparent !important; background: transparent !important;
padding: 0; padding: 0;
margin-right: 1px !important; margin-right: 1px !important;
padding-top: 3px; }
.ant-select-selection-item .object-display-tag {
top: 1.5px;
}
.ant-select-tree-title .object-display-tag {
top: 0.5px;
} }
.ant-select-outlined.ant-select-multiple .ant-select-outlined.ant-select-multiple