diff --git a/src/theme/components.ts b/src/theme/components.ts index 3e5d56143..d7828c6aa 100644 --- a/src/theme/components.ts +++ b/src/theme/components.ts @@ -1,4 +1,5 @@ import { Components, Theme } from '@mui/material'; +import { MuiAutocomplete } from './components/autocomplete.modifier'; import { MuiAppBar } from './components/appbar.modifiter'; import { MuiButton } from './components/button.modifier'; import { MuiButtonGroup } from './components/buttongroup.modifier'; @@ -23,6 +24,7 @@ import { MuiTabs } from './components/tabs.modifier'; import { MuiTooltip } from './components/tooltip.modifier'; export const components: Components = { + MuiAutocomplete, MuiAppBar, MuiCard, MuiCheckbox, diff --git a/src/theme/components/autocomplete.modifier.ts b/src/theme/components/autocomplete.modifier.ts new file mode 100644 index 000000000..f19d6ae65 --- /dev/null +++ b/src/theme/components/autocomplete.modifier.ts @@ -0,0 +1,20 @@ +import { Components, Theme } from '@mui/material'; + +export const MuiAutocomplete: Components['MuiAutocomplete'] = { + styleOverrides: { + clearIndicator: { + boxShadow: 'none', + width: 28, + height: 28, + padding: 0, + borderRadius: '50%' + }, + popupIndicator: { + boxShadow: 'none', + width: 28, + height: 28, + padding: 0, + borderRadius: '50%' + } + } +};