nzambello/work-timer
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: pagination fieldset styles

Browse source
This commit is contained in:
Nicola Zambello 2023-02-18 23:26:23 +01:00
parent 3a94721c97
commit 4083641a6a
Signed by: nzambello
GPG key ID: 56E4A92C2C1E50BA
1 changed files with 35 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
app/routes/time-entries.tsx
View file

@ -132,45 +132,50 @@ export default function TimeEntriesPage() {
variant="light"
radius={theme.radius.md}
leftIcon={<Play />}
sx={{ marginTop: theme.spacing.sm, marginBottom: theme.spacing.sm }}
>
Start
</Button>
<div
style={{
display: 'flex',
alignItems: 'flex-end',
justifyContent: 'space-between',
margin: '0.5rem 0'
<NativeSelect
sx={{
marginLeft: 'auto',
marginRight: '0.5rem',
marginTop: theme.spacing.sm,
marginBottom: theme.spacing.sm
}}
>
<NativeSelect
data={[
{ label: '25 / page', value: '25' },
{ label: '50 / page', value: '50' },
{ label: '100 / page', value: '100' }
]}
value={pageSize}
onChange={(event) => {
data={[
{ label: '25 / page', value: '25' },
{ label: '50 / page', value: '50' },
{ label: '100 / page', value: '100' }
]}
value={pageSize}
onChange={(event) => {
setSearchParams({
page: page.toString(),
size: event.currentTarget.value
});
}}
/>
{data.total / pageSize > 1 && (
<Pagination
sx={{
marginLeft: '0.5rem',
marginTop: theme.spacing.sm,
marginBottom: theme.spacing.sm
}}
aria-label="Navigate through time entries pages"
siblings={1}
boundaries={1}
page={page}
total={Math.ceil(data.total / pageSize)}
onChange={(page) => {
setSearchParams({
page: page.toString(),
size: event.currentTarget.value
size: pageSize.toString()
});
}}
/>
{data.total / pageSize > 1 && (
<Pagination
style={{ marginLeft: 10 }}
page={page}
total={Math.ceil(data.total / pageSize)}
onChange={(page) => {
setSearchParams({
page: page.toString(),
size: pageSize.toString()
});
}}
/>
)}
</div>
)}
</Paper>
<Group
mt="lg"