increase min width for collapsible nav drawer

This commit is contained in:
Sidney Alcantara
2022-07-05 13:46:44 +10:00
parent 89fadc1bc3
commit 7c574c9d84
2 changed files with 11 additions and 3 deletions

5
src/theme/breakpoints.ts Normal file
View File

@@ -0,0 +1,5 @@
export const breakpoints = {
breakpoints: {
values: { xs: 0, sm: 600, md: 980, lg: 1200, xl: 1536 },
},
};

View File

@@ -1,14 +1,16 @@
import { createTheme, ThemeOptions } from "@mui/material/styles";
import { merge } from "lodash-es";
import { typography } from "@src/theme/typography";
import { colorsLight, colorsDark } from "@src/theme/colors";
import { components } from "@src/theme/components";
import { breakpoints } from "./breakpoints";
import { typography } from "./typography";
import { colorsLight, colorsDark } from "./colors";
import { components } from "./components";
export const customizableLightTheme = (customization: ThemeOptions) => {
const customizedLightThemeBase = createTheme(
merge(
{},
breakpoints,
typography((customization?.typography as any) ?? {}),
colorsLight((customization?.palette?.primary as any)?.main)
)
@@ -28,6 +30,7 @@ export const customizableDarkTheme = (customization: ThemeOptions) => {
const customizedDarkThemeBase = createTheme(
merge(
{},
breakpoints,
typography((customization?.typography as any) ?? {}),
colorsDark(
(customization?.palette?.primary as any)?.main,