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:
parent
3673a7a1ec
commit
dbb6be8654
@ -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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user