a4736a49f8
* chore: update deps * feat: use jsonc/x language * chore: update eslint 10.0 * fix: no-useless-assignment * feat: add CLAUDE.md * chore: ignore * feat: claude * fix: lint * chore: suppot eslint v10 * fix: lint * fix: lint * fix: type check * fix: unit test * fix: Suggested fix * fix: unit test * chore: update stylelint v17 * chore: update all major deps * fix: echarts console warn * chore: update vitest v4 * feat: add skills ignores * chore: update deps * chore: update deps * fix: cspell * chore: update deps * chore: update tailwindcss v4 * chore: remove postcss config * fix: no use catalog * chore: tailwind v4 config * fix: tailwindcss v4 sort * feat: use eslint-plugin-better-tailwindcss * fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier * fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier * fix(lint): resolve prettier and better-tailwindcss formatting conflicts * fix(tailwind): update theme references and lint sources * style(format): normalize apps docs and playground vue files * style(format): normalize core ui-kit components * style(format): normalize effects ui and layout components
79 lines
1.5 KiB
CSS
79 lines
1.5 KiB
CSS
/* ant-design-vue 组件库的一些样式重置 */
|
|
|
|
.ant-app {
|
|
width: 100%;
|
|
height: 100%;
|
|
overscroll-behavior: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.ant-btn {
|
|
.anticon {
|
|
display: inline-flex;
|
|
}
|
|
|
|
/* * 修复按钮添加图标时的位置问题 */
|
|
> svg {
|
|
display: inline-block;
|
|
}
|
|
|
|
> svg + span {
|
|
margin-inline-start: 6px;
|
|
}
|
|
}
|
|
|
|
.ant-tag {
|
|
> svg {
|
|
display: inline-block;
|
|
}
|
|
|
|
> svg + span {
|
|
margin-inline-start: 4px;
|
|
}
|
|
}
|
|
|
|
.ant-message-notice-content,
|
|
.ant-notification-notice {
|
|
&:is(.dark *) {
|
|
border-color: hsl(var(--border) / 60%);
|
|
border-width: 1px;
|
|
}
|
|
}
|
|
|
|
.form-valid-error {
|
|
/** select 选择器的样式 */
|
|
|
|
.ant-select:not(.valid-success) .ant-select-selector:not(.valid-success) {
|
|
border-color: hsl(var(--destructive)) !important;
|
|
}
|
|
|
|
.ant-select-focused .ant-select-selector {
|
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
|
|
}
|
|
|
|
/** 数字输入框样式 */
|
|
.ant-input-number-focused {
|
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
|
}
|
|
|
|
/** 密码输入框样式 */
|
|
.ant-input-affix-wrapper:hover {
|
|
border-color: hsl(var(--destructive));
|
|
box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
|
|
}
|
|
|
|
.ant-input:not(.valid-success) {
|
|
border-color: hsl(var(--destructive)) !important;
|
|
}
|
|
}
|
|
|
|
/** 区间选择器下面来回切换时的样式 */
|
|
.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%);
|
|
}
|