fix: mobile time entries summary

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

View file

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