PageSelector buttons could only be clicked in the middle
This commit is contained in:
parent
31d68dc6ae
commit
7c18c4f634
@ -13,26 +13,22 @@ export default function PageSelector(props: Props): JSX.Element {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`flex place-content-center flex-row ${props.className}`}>
|
<div className={`flex place-content-center flex-row ${props.className}`}>
|
||||||
<Button className="rounded-r-none">
|
<Button
|
||||||
<span
|
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (page > 0) setPage(page - 1);
|
if (page > 0) setPage(page - 1);
|
||||||
}}
|
}}
|
||||||
className="material-icons"
|
className="rounded-r-none"
|
||||||
>
|
>
|
||||||
navigate_before
|
<span className="material-icons">navigate_before</span>
|
||||||
</span>
|
|
||||||
</Button>
|
</Button>
|
||||||
<Button className="rounded-none border-x-0">{page + 1}</Button>
|
<Button className="rounded-none border-x-0">{page + 1}</Button>
|
||||||
<Button className="rounded-l-none">
|
<Button
|
||||||
<span
|
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (page < maxPage) setPage(page + 1);
|
if (page < maxPage) setPage(page + 1);
|
||||||
}}
|
}}
|
||||||
className="material-icons"
|
className="rounded-l-none"
|
||||||
>
|
>
|
||||||
navigate_next
|
<span className="material-icons">navigate_next</span>
|
||||||
</span>
|
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user