Some checks are pending
CI / Test (ubuntu-latest) (push) Waiting to run
CI / Test (windows-latest) (push) Waiting to run
CI / Lint (ubuntu-latest) (push) Waiting to run
CI / Lint (windows-latest) (push) Waiting to run
CI / Check (ubuntu-latest) (push) Waiting to run
CI / Check (windows-latest) (push) Waiting to run
CI / CI OK (push) Blocked by required conditions
CodeQL / Analyze (${{ matrix.language }}) (none, javascript-typescript) (push) Waiting to run
Deploy Website on push / Deploy Push Playground Ftp (push) Waiting to run
Deploy Website on push / Deploy Push Docs Ftp (push) Waiting to run
Deploy Website on push / Deploy Push Antd Ftp (push) Waiting to run
Deploy Website on push / Deploy Push Element Ftp (push) Waiting to run
Deploy Website on push / Deploy Push Naive Ftp (push) Waiting to run
Release Drafter / update_release_draft (push) Waiting to run
77 lines
1.6 KiB
CSS
77 lines
1.6 KiB
CSS
/* ant-design-vue 组件库的一些样式重置 */
|
|
|
|
.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%);
|
|
}
|
|
|
|
|
|
.text-outline {
|
|
text-shadow:
|
|
-1px -1px 0 hsl(var(--foreground)),
|
|
1px -1px 0 hsl(var(--foreground)),
|
|
-1px 1px 0 hsl(var(--foreground)),
|
|
1px 1px 0 hsl(var(--foreground));
|
|
}
|
|
/* 按钮点击动画 */
|
|
.ant-btn:active {
|
|
transform: scale(0.96);
|
|
transition: transform 0.1s;
|
|
}
|
|
/* 按钮悬停动画 */
|
|
.ant-btn:hover {
|
|
transform: scale(1.02);
|
|
transition: transform 0.1s;
|
|
cursor: pointer;
|
|
color: hsl(var(--ring));
|
|
}
|
|
.font-bold {
|
|
font-weight: bold;
|
|
}
|