ref(settings-dialog) Refactor styles (#13017)

Remove unused styles
Move some styles to their tab
Convert CalendarTab to TS
Fix mobile styles
This commit is contained in:
Robert Pintilii
2023-03-10 10:16:43 +02:00
committed by GitHub
parent f618194587
commit a94ba85a98
4 changed files with 105 additions and 156 deletions

View File

@@ -84,14 +84,25 @@ const styles = (theme: Theme) => {
return {
container: {
display: 'flex',
width: '100%'
width: '100%',
'@media (max-width: 607px)': {
flexDirection: 'column' as const
}
},
column: {
display: 'flex',
flexDirection: 'column' as const,
flex: 1,
'&:first-child:not(:last-child)': {
marginRight: theme.spacing(3)
marginRight: theme.spacing(3),
'@media (max-width: 607px)': {
marginRight: 0,
marginBottom: theme.spacing(3)
}
}
},