/* ant-design-vue 组件库的一些样式重置 */
|
@use './btn.scss' as *;
|
|
.ant-app {
|
width: 100%;
|
height: 100%;
|
overscroll-behavior: none;
|
color: inherit;
|
}
|
|
.ant-btn {
|
.anticon {
|
display: inline-flex;
|
}
|
}
|
|
.ant-message-notice-content,
|
.ant-notification-notice {
|
@apply dark:border-border/60 dark:border;
|
}
|
|
.form-valid-error {
|
/** select 选择器的样式 */
|
|
.ant-select .ant-select-selector {
|
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-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%);
|
}
|
|
// 多行输入禁用右下角拖拉
|
textarea.ant-input {
|
resize: none;
|
}
|
|
.ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
|
border-radius: 0 !important;
|
}
|
|
.ant-input-number.ant-input-number-in-form-item {
|
width: 100%;
|
}
|
|
.ant-select-single.ant-select-disabled .ant-select-selector {
|
border-radius: 0 !important;
|
}
|
|
.ant-picker.ant-picker-disabled,
|
.ant-input.ant-input-disabled {
|
border-radius: 0 !important;
|
}
|
|
.ant-form-item {
|
.ant-picker,
|
.ant-input-number,
|
.ant-input-number-group-wrapper {
|
width: 100%;
|
}
|
}
|
|
/* 选择内容为空的 label，并隐藏其父容器 */
|
.ant-form-item-label:has(label:empty) {
|
display: none;
|
}
|
|
.ant-form-item-control-input-content:has(.jnpf-input-table) {
|
padding: 0 5px;
|
}
|
|
.ant-table-expanded-row-fixed {
|
max-width: 100% !important;
|
}
|
|
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container {
|
border-top: none !important;
|
border-right: none !important;
|
border-bottom: none !important;
|
}
|
|
.ant-table-wrapper table {
|
border-radius: 0;
|
}
|
|
.ant-table-wrapper .ant-table-container {
|
border-start-start-radius: 0 !important;
|
border-start-end-radius: 0 !important;
|
}
|
|
.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:first-child {
|
border-start-start-radius: 0 !important;
|
}
|
|
.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:last-child {
|
border-start-end-radius: 0 !important;
|
}
|
|
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container {
|
border: 1px solid hsl(240 5.9% 90%);
|
}
|
|
.ant-table-wrapper .ant-table-tbody > tr.ant-table-row-selected {
|
& > td {
|
background: transparent;
|
}
|
&:hover > td {
|
background: #fafafa;
|
}
|
}
|
|
.dark,
|
.dark[data-theme='custom'],
|
.dark[data-theme='default'] {
|
.ant-table-wrapper .ant-table-tbody > tr.ant-table-row-selected {
|
&:hover > td {
|
background: #0a0a0a;
|
}
|
}
|
}
|
