dbe5b33db6
* fix: hover border style same as antd style when validate error * fix: hover border style same as antd style when validate error * feat(@vben-core/form-ui): Default form validation rules applicable to selector components * fix: Missing the default required label style for components such as select * fix: the focus style and antd of the input box validation failure should be consistent * fix: the focus style and antd of the input box validation failure should be consistent * fix: some antd components failed to verify styles --------- Co-authored-by: vince <vince292007@gmail.com>
44 lines
1.1 KiB
CSS
44 lines
1.1 KiB
CSS
/* ant-design-vue 组件库的一些样式重置 */
|
|
|
|
.ant-app {
|
|
width: 100%;
|
|
height: 100%;
|
|
overscroll-behavior: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.ant-message-notice-content,
|
|
.ant-notification-notice {
|
|
@apply dark:border-border/60 dark:border;
|
|
}
|
|
|
|
/** select 选择器的样式 */
|
|
.form-valid-error .ant-select .ant-select-selector {
|
|
border-color: hsl(var(--destructive)) !important;
|
|
}
|
|
|
|
.form-valid-error .ant-select-focused .ant-select-selector {
|
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
|
|
}
|
|
|
|
/** 数字输入框样式 */
|
|
.form-valid-error .ant-input-number-focused {
|
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
|
}
|
|
|
|
/** 密码输入框样式 */
|
|
.form-valid-error .ant-input-affix-wrapper:hover {
|
|
border-color: hsl(var(--destructive));
|
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
|
}
|
|
|
|
/** 区间选择器下面来回切换时的样式 */
|
|
.ant-app .form-valid-error .ant-picker-active-bar {
|
|
background-color: hsl(var(--destructive));
|
|
}
|
|
|
|
/** 时间选择器的样式 */
|
|
.ant-app .form-valid-error .ant-picker-focused {
|
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
|
}
|