From 2b18683c7819b0927fa4df506f0872a8d61492c7 Mon Sep 17 00:00:00 2001 From: rd <1344903914@qq.com> Date: Fri, 26 Sep 2025 10:22:58 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E6=A8=A1=E6=80=81?= =?UTF-8?q?=E6=A1=86=E5=92=8C=E5=88=86=E9=A1=B5=E7=BB=84=E4=BB=B6=E7=9A=84?= =?UTF-8?q?=E5=86=85=E8=BE=B9=E8=B7=9D=E5=8F=8A=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/components/ant-modal.scss | 6 +- src/styles/components/ant-pagination.scss | 87 +++++++++++++++++++++++ 2 files changed, 90 insertions(+), 3 deletions(-) diff --git a/src/styles/components/ant-modal.scss b/src/styles/components/ant-modal.scss index 7ac72de..7c6be94 100644 --- a/src/styles/components/ant-modal.scss +++ b/src/styles/components/ant-modal.scss @@ -4,7 +4,7 @@ .ant-modal-header { border-bottom: 1px solid var(--Border-1, #d7d7d9); height: 56px; - padding: 0 20px; + padding: 0 24px; margin-bottom: 0; color: inherit; display: flex; @@ -22,13 +22,13 @@ } } .ant-modal-body { - padding: 20px 24px; + padding: 24px; } .ant-modal-footer { margin-top: 0; display: flex; height: 64px; - padding: 0px 20px; + padding: 0px 24px; justify-content: flex-end; align-items: center; border-top: 1px solid var(--Border-1, #d7d7d9); diff --git a/src/styles/components/ant-pagination.scss b/src/styles/components/ant-pagination.scss index 90757bc..29eb243 100644 --- a/src/styles/components/ant-pagination.scss +++ b/src/styles/components/ant-pagination.scss @@ -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; + } + } + } + } + } }