feat: hover-image-preview失效问题调整
This commit is contained in:
6
src/styles/components/ant-spin.scss
Normal file
6
src/styles/components/ant-spin.scss
Normal file
@ -0,0 +1,6 @@
|
||||
.ant-spin-nested-loading {
|
||||
height: 100%;
|
||||
.ant-spin-container {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
56
src/styles/components/ant-step.scss
Normal file
56
src/styles/components/ant-step.scss
Normal file
@ -0,0 +1,56 @@
|
||||
.ant-steps {
|
||||
.ant-steps-item {
|
||||
padding: 0;
|
||||
padding-inline-start: 0 !important;
|
||||
.ant-steps-item-container {
|
||||
.ant-steps-item-icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
margin-right: 12px;
|
||||
border-radius: 50%;
|
||||
background: var(--BG-200, #f2f3f5);
|
||||
.ant-steps-icon {
|
||||
color: #55585f;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
// line-height: 24px;
|
||||
font-family: $font-family-manrope-medium;
|
||||
}
|
||||
}
|
||||
.ant-steps-item-content {
|
||||
.ant-steps-item-title {
|
||||
padding-right: 12px;
|
||||
color: #55585f;
|
||||
font-family: $font-family-regular;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
&::after {
|
||||
background-color: #e6e6e8 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-left: 12px;
|
||||
}
|
||||
&.ant-steps-item-active,
|
||||
&.ant-steps-item-finish {
|
||||
.ant-steps-item-icon {
|
||||
background-color: #6d4cfe !important;
|
||||
.ant-steps-icon {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
.ant-steps-item-content {
|
||||
.ant-steps-item-title {
|
||||
color: #211f24;
|
||||
font-family: $font-family-medium;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -24,4 +24,6 @@
|
||||
@import './ant-tabs.scss';
|
||||
@import "./ant-notification.scss";
|
||||
@import "./ant-tag.scss";
|
||||
@import "./ant-switch.scss";
|
||||
@import "./ant-switch.scss";
|
||||
@import "./ant-step.scss";
|
||||
@import "./ant-spin.scss";
|
||||
@ -5,7 +5,7 @@
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 32px;
|
||||
color: #3c4043;
|
||||
color: #55585F;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
@ -16,7 +16,7 @@
|
||||
}
|
||||
.arco-steps-item-content {
|
||||
.arco-steps-item-title {
|
||||
color: #3c4043;
|
||||
color: #55585F;
|
||||
font-family: $font-family-regular;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
|
||||
Reference in New Issue
Block a user