admin: different style for fields
Massimo Melina committed
Feb 12, 2022 at 18:41 UTC
27a198df4b40f55f179b605f7ea8e8f4753e939c
2 files changed
+13
-8
admin/src/StringStringField.ts
+3
-1
@@ -82,7 +82,9 @@ export default function StringStringField({ value, onChange, keyLabel='key', val
82
}
83
})),
84
h(Grid, { item: true, xs: valueWidth, },
85
- h(TextField, {
85
+ h(StringField, {
86
+ value: '',
87
+ onChange(){},
88
onFocus() { //@ts-ignore
89
setTimeout(()=> refNew.current.focus()) // without setTimeout TextField component is in an inconsistent focus-state
90
}
admin/src/theme.ts
+10
-7
@@ -2,22 +2,25 @@ import { createTheme, useMediaQuery } from '@mui/material'
2
import { useMemo } from 'react'
3
4
export function useMyTheme() {
5
- const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)')
6
- return useMemo(() => createTheme(!prefersDarkMode ? {} : {
7
- palette: {
5
+ const lightMode = useMediaQuery('(prefers-color-scheme: dark)') ? null : {}
6
+ return useMemo(() => createTheme({
7
+ palette: lightMode || {
8
mode: 'dark',
9
- text: { primary:'#aaa' },
9
+ text: { primary: '#aaa' },
10
primary: { main: '#357' },
11
},
12
components: {
13
- MuiButton: {
13
+ MuiTextField: {
14
+ defaultProps: { variant: 'filled' }
15
+ },
16
+ MuiButton: lightMode || {
17
styleOverrides: {
15
- root: ({ ownerState }) =>
18
+ root: ({ ownerState }: { ownerState:any }) =>
19
ownerState.color === 'primary' && {
20
color: ownerState.variant === 'contained' ? '#ddd' : '#68c'
21
}
22
}
23
}
24
}
22
- }), [prefersDarkMode])
25
+ }), [lightMode])
26
}