mirror of
https://github.com/rowyio/rowy.git
synced 2025-12-29 00:16:39 +01:00
increase min width for collapsible nav drawer
This commit is contained in:
5
src/theme/breakpoints.ts
Normal file
5
src/theme/breakpoints.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
export const breakpoints = {
|
||||
breakpoints: {
|
||||
values: { xs: 0, sm: 600, md: 980, lg: 1200, xl: 1536 },
|
||||
},
|
||||
};
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user