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

fix: mobile time entries summary

Browse source
This commit is contained in:
Nicola Zambello 2023-02-18 20:47:26 +01:00
parent 929c04a892
commit 4b14fcff24
Signed by: nzambello
GPG key ID: 56E4A92C2C1E50BA
1 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -177,15 +177,27 @@ export default function TimeEntriesPage() {
mb="md" mb="md"
mx="auto" mx="auto"
maw={500} maw={500}
display="flex" sx={{
style={{ display: 'flex',
justifyContent: 'space-between' justifyContent: 'space-between',
'@media (max-width: 600px)': {
flexWrap: 'wrap',
justifyContent: 'space-evenly'
}
}} }}
> >
<Text size="sm" color="darkgray"> <Text size="sm" color="darkgray">
{data.total} entries {data.total} entries
</Text> </Text>
<Divider orientation="vertical" /> <Divider
orientation="vertical"
sx={{
'@media (max-width: 600px)': {
display: 'none'
}
}}
/>
<SectionTimeElapsed <SectionTimeElapsed
timeEntries={ timeEntries={
data.timeEntries.filter( data.timeEntries.filter(
@ -204,7 +216,14 @@ export default function TimeEntriesPage() {
size="sm" size="sm"
additionalLabel="today" additionalLabel="today"
/> />
<Divider orientation="vertical" /> <Divider
orientation="vertical"
sx={{
'@media (max-width: 600px)': {
display: 'none'
}
}}
/>
<SectionTimeElapsed <SectionTimeElapsed
timeEntries={ timeEntries={
data.timeEntries.filter( data.timeEntries.filter(