Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-06 20:40:08 -05:00
Code Issues Activity

feat(console): update pagination size and color (#1153)

Browse source
This commit is contained in:
Xiao Yijun 2022-06-20 11:18:12 +08:00 committed by GitHub
parent 402d19d560
commit fdb8b246a3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/console/src/components/Pagination/index.module.scss
View file

@ -14,14 +14,20 @@
.button {
border-radius: 6px;
min-width: 32px;
min-width: 28px;
padding: 0 6px;
height: 32px;
height: 28px;
text-overflow: unset;
border: 1px solid var(--color-border);
> span {
margin: 0 auto;
}
&.active {
border-color: var(--color-primary);
color: var(--color-primary);
}
}
&.disabled {

3
packages/console/src/components/Pagination/index.tsx
View file

@ -1,3 +1,4 @@
import classNames from 'classnames';
import React from 'react';
import ReactPaginate from 'react-paginate';
@ -22,7 +23,7 @@ const Pagination = ({ pageIndex, pageCount, onChange }: Props) => {
pageLabelBuilder={(page: number) => (
<Button
type={page === pageIndex ? 'outline' : 'default'}
className={styles.button}
className={classNames(styles.button, page === pageIndex && styles.active)}
size="small"
title={<DangerousRaw>{page}</DangerousRaw>}
/>