ProjectHentai/nonebot2
6
0
Fork 0
mirror of https://github.com/nonebot/nonebot2.git synced 2025-09-08 13:06:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

🚧 add store tags

Browse Source
This commit is contained in:
yanyongyu
2021-12-30 22:46:15 +08:00
parent 2beed6bf16
commit e4691f0525
8 changed files with 103 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/components/Paginate/index.tsx
View File

@ -9,6 +9,7 @@ import styles from "./styles.module.css";
export default function Paginate({
totalPages,
setPage,
currentPage,
}: ReturnType<typeof usePagination>): JSX.Element {
const onPageChange = useCallback(
(selectedItem: { selected: number }) => {
@ -21,6 +22,7 @@ export default function Paginate({
<nav role="navigation" aria-label="Pagination Navigation">
<ReactPaginate
pageCount={totalPages}
forcePage={currentPage}
onPageChange={onPageChange}
containerClassName={styles.container}
pageClassName={styles.li}

9
website/src/components/Paginate/styles.module.css
View File

@ -1,5 +1,5 @@
.container {
@apply w-full max-w-full inline-flex justify-center items-center m-0 pl-0 list-none;
@apply w-full max-w-full inline-flex justify-center items-center m-0 pl-0 list-none select-none;
}
.li {
@ -11,15 +11,16 @@
width: auto;
min-width: 34px;
@apply m-1 px-1 border-2 rounded shadow-lg text-center;
@apply text-black;
@apply bg-light-nonepress-100;
@apply border-light-nonepress-200 shadow-light-nonepress-300;
@apply text-black bg-light-nonepress-100;
}
:global(.dark) .a {
@apply border-dark-nonepress-200 shadow-dark-nonepress-300;
@apply text-white bg-dark-nonepress-100;
}
.active {
.a.active {
@apply bg-hero text-white border-hero;
}