renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整模态框和分页组件的内边距及样式

Browse Source
This commit is contained in:
rd
2025-09-26 10:22:58 +08:00
parent 4428e3b44d
commit 2b18683c78
2 changed files with 90 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/styles/components/ant-pagination.scss
View File

@ -4,4 +4,91 @@
padding: 12px 24px 0;
justify-content: flex-end;
align-items: center;
$border-radius: 2px;
$border-color: var(--Border-1, #d7d7d9);
@mixin cts {
color: var(--Text-2, #55585f);
font-family: $font-family-regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
@mixin cts2 {
color: var(--Text-2, #55585f);
font-family: $font-family-regular;
font-size: 12px;
font-style: normal;
font-weight: 400;
}
.ant-pagination {
.ant-pagination-total-text {
@include cts;
margin-right: 12px;
}
.ant-pagination-prev,
.ant-pagination-next {
border-radius: $border-radius;
border: 1px solid $border-color;
margin-right: 12px;
.ant-pagination-item-link {
color: #737478;
}
}
.ant-pagination-jump-next {
margin-right: 12px;
min-width: 24px;
.ant-pagination-item-ellipsis {
font-family: $font-family-regular;
color: #737478;
letter-spacing: 0 !important;
text-indent: 0 !important;
font-size: 12px;
}
}
.ant-pagination-item {
border-radius: $border-radius;
border: 1px solid $border-color !important;
a {
@include cts2;
}
&:not(:last-child) {
margin-right: 12px;
}
&.ant-pagination-item-active {
border-color: $color-primary !important;
}
}
.ant-pagination-options {
.ant-select {
border: 1px solid $border-color;
border-radius: $border-radius !important;
&:hover,
&:focus,
&-focused {
border-color: $color-primary !important;
}
.ant-select-selector {
height: 24px !important;
border: none !important;
border: none !important;
@include cts2;
}
}
.ant-pagination-options-quick-jumper {
margin-left: 12px;
@include cts;
input {
margin: 0 12px;
border-radius: $border-radius;
border: 1px solid $border-color;
&:hover,
&:focus,
&-focused {
border-color: $color-primary !important;
}
}
}
}
}
}