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

6
src/styles/components/ant-modal.scss
View File

@ -4,7 +4,7 @@
.ant-modal-header { .ant-modal-header {
border-bottom: 1px solid var(--Border-1, #d7d7d9); border-bottom: 1px solid var(--Border-1, #d7d7d9);
height: 56px; height: 56px;
padding: 0 20px; padding: 0 24px;
margin-bottom: 0; margin-bottom: 0;
color: inherit; color: inherit;
display: flex; display: flex;
@ -22,13 +22,13 @@
} }
} }
.ant-modal-body { .ant-modal-body {
padding: 20px 24px; padding: 24px;
} }
.ant-modal-footer { .ant-modal-footer {
margin-top: 0; margin-top: 0;
display: flex; display: flex;
height: 64px; height: 64px;
padding: 0px 20px; padding: 0px 24px;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
border-top: 1px solid var(--Border-1, #d7d7d9); border-top: 1px solid var(--Border-1, #d7d7d9);

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

@ -4,4 +4,91 @@
padding: 12px 24px 0; padding: 12px 24px 0;
justify-content: flex-end; justify-content: flex-end;
align-items: center; 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;
}
}
}
}
}
} }