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

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

@ -132,18 +132,17 @@ export default function TimeEntriesPage() {
variant="light" variant="light"
radius={theme.radius.md} radius={theme.radius.md}
leftIcon={<Play />} leftIcon={<Play />}
sx={{ marginTop: theme.spacing.sm, marginBottom: theme.spacing.sm }}
> >
Start Start
</Button> </Button>
<div
style={{
display: 'flex',
alignItems: 'flex-end',
justifyContent: 'space-between',
margin: '0.5rem 0'
}}
>
<NativeSelect <NativeSelect
sx={{
marginLeft: 'auto',
marginRight: '0.5rem',
marginTop: theme.spacing.sm,
marginBottom: theme.spacing.sm
}}
data={[ data={[
{ label: '25 / page', value: '25' }, { label: '25 / page', value: '25' },
{ label: '50 / page', value: '50' }, { label: '50 / page', value: '50' },
@ -159,7 +158,14 @@ export default function TimeEntriesPage() {
/> />
{data.total / pageSize > 1 && ( {data.total / pageSize > 1 && (
<Pagination <Pagination
style={{ marginLeft: 10 }} 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} page={page}
total={Math.ceil(data.total / pageSize)} total={Math.ceil(data.total / pageSize)}
onChange={(page) => { onChange={(page) => {
@ -170,7 +176,6 @@ export default function TimeEntriesPage() {
}} }}
/> />
)} )}
</div>
</Paper> </Paper>
<Group <Group
mt="lg" mt="lg"