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

fix: styles in time-entries

Browse source
This commit is contained in:
Nicola Zambello 2023-02-18 23:15:03 +01:00
parent 46e6f2f5ac
commit f66f0d5e01
Signed by: nzambello
GPG key ID: 56E4A92C2C1E50BA
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/components/TimeElapsed.tsx
View file

@ -39,8 +39,7 @@ const TimeElapsed = ({ startTime, endTime }: Props) => {
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
flexDirection: 'column', flexDirection: 'column'
margin: '0 1rem'
}} }}
> >
<pre <pre

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

@ -312,14 +312,15 @@ export default function TimeEntriesPage() {
<Box <Box
sx={{ sx={{
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'flex-end',
flexDirection: 'column', flexDirection: 'column',
justifyContent: 'space-between', justifyContent: 'space-between',
flexShrink: 1, flexShrink: 1,
flexGrow: 0, flexGrow: 0,
'@media (min-width: 601px)': { '@media (min-width: 601px)': {
flexDirection: 'row' flexDirection: 'row',
paddingLeft: '1rem'
} }
}} }}
> >
@ -331,8 +332,10 @@ export default function TimeEntriesPage() {
sx={{ sx={{
display: 'flex', display: 'flex',
flexShrink: 0, flexShrink: 0,
marginLeft: '1rem',
'@media (max-width: 600px)': { '@media (max-width: 600px)': {
marginLeft: '0',
marginTop: '0.33rem' marginTop: '0.33rem'
} }
}} }}