fix: improve ant design button icon style (#4520)
parent
8250894a50
commit
17fa8eb93b
|
@ -7,30 +7,39 @@
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ant-btn {
|
||||||
|
.anticon {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ant-message-notice-content,
|
.ant-message-notice-content,
|
||||||
.ant-notification-notice {
|
.ant-notification-notice {
|
||||||
@apply dark:border-border/60 dark:border;
|
@apply dark:border-border/60 dark:border;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-valid-error {
|
||||||
/** select 选择器的样式 */
|
/** select 选择器的样式 */
|
||||||
.form-valid-error .ant-select .ant-select-selector {
|
|
||||||
|
.ant-select .ant-select-selector {
|
||||||
border-color: hsl(var(--destructive)) !important;
|
border-color: hsl(var(--destructive)) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-valid-error .ant-select-focused .ant-select-selector {
|
.ant-select-focused .ant-select-selector {
|
||||||
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 数字输入框样式 */
|
/** 数字输入框样式 */
|
||||||
.form-valid-error .ant-input-number-focused {
|
.ant-input-number-focused {
|
||||||
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 密码输入框样式 */
|
/** 密码输入框样式 */
|
||||||
.form-valid-error .ant-input-affix-wrapper:hover {
|
.ant-input-affix-wrapper:hover {
|
||||||
border-color: hsl(var(--destructive));
|
border-color: hsl(var(--destructive));
|
||||||
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/** 区间选择器下面来回切换时的样式 */
|
/** 区间选择器下面来回切换时的样式 */
|
||||||
.ant-app .form-valid-error .ant-picker-active-bar {
|
.ant-app .form-valid-error .ant-picker-active-bar {
|
||||||
|
|
Loading…
Reference in New Issue