by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: some antd components failed to verify styles (#4458)

Browse Source 
* 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>
This commit is contained in:
LinaBell
2024-09-21 20:09:43 +08:00
committed by GitHub
parent 81a9accafd
commit dbe5b33db6
2 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/styles/src/antd/index.css
View File

@@ -12,6 +12,32 @@
@apply dark:border-border/60 dark:border;
}
.form-valid-error .ant-select-selector {
border-color: hsl(var(--destructive));
/** 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%);
}