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; + } + } + } + } + } }