External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(board-pagination): complete styling

Browse Source
This commit is contained in:
plebeius
2026-02-25 17:58:03 +08:00
parent 1dfc75998d
commit 2c31120a7d
2 changed files with 16 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/board-pagination/board-pagination.module.css
+7 -7
View File
@@ -46,6 +46,8 @@
overflow: hidden;
list-style: none;
background-color: var(--pagelist-background-color);
border-right: 1px solid var(--pagelist-item-border-color);
border-bottom: 1px solid var(--pagelist-item-border-color);
}
.footerPageItem {
@@ -97,7 +99,7 @@
background: transparent;
list-style: none;
overflow: hidden;
color: var(--boardsbar-desktop-link-text-color);
color: var(--button-desktop-text-color);
}
.footerPageLink {
@@ -108,15 +110,14 @@
padding: 0;
border: none;
background: transparent;
color: var(--boardsbar-desktop-link-text-color);
color: var(--button-desktop-text-color);
text-transform: capitalize;
cursor: pointer;
text-decoration: var(--boardsbar-desktop-link-text-decoration);
text-decoration: var(--button-text-decoration);
}
.footerPageLink:hover {
color: var(--boardsbar-desktop-link-text-color-hover);
text-decoration: var(--boardsbar-desktop-link-text-decoration-hover);
color: var(--button-desktop-text-color-hover);
}
.pagelistSeparatorLink {
@@ -127,7 +128,6 @@
}
.footerPageCurrent {
composes: footerPageLink;
font-weight: bold;
color: var(--boardsbar-desktop-link-text-color-hover);
text-decoration: var(--boardsbar-desktop-link-text-decoration);
}
src/components/board-pagination/board-pagination.tsx
+9 -17
View File
@@ -61,23 +61,15 @@ const BoardPagination = ({ basePath, currentPage, totalPages, footerStyle = fals
<span className={styles.footerPageBracket}>]</span>
</span>
)}
{pageNumbers.map((page) =>
page === currentPage ? (
<span key={page} className={styles.footerPageItem}>
<span className={styles.footerPageBracket}>[</span>
<span className={styles.footerPageCurrent}>{page}</span>
<span className={styles.footerPageBracket}>]</span>
</span>
) : (
<span key={page} className={styles.footerPageItem}>
<span className={styles.footerPageBracket}>[</span>
<Link to={pageHref(page)} className={styles.footerPageLink}>
{page}
</Link>
<span className={styles.footerPageBracket}>]</span>
</span>
),
)}
{pageNumbers.map((page) => (
<span key={page} className={styles.footerPageItem}>
<span className={styles.footerPageBracket}>[</span>
<Link to={pageHref(page)} className={page === currentPage ? styles.footerPageCurrent : styles.footerPageLink}>
{page}
</Link>
<span className={styles.footerPageBracket}>]</span>
</span>
))}
{currentPage < totalPages ? (
<button type='button' className={styles.pagelistNavButton} onClick={() => navigate(pageHref(currentPage + 1))}>
{t('next')}