prehistoric-systems/chatpad
1
0
Fork 1
mirror of https://github.com/deiucanta/chatpad.git synced 2026-03-11 09:04:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

change navbar breakpoint to md

Browse source
This commit is contained in:
Andrei Canta 2023-03-18 18:33:44 +02:00
parent 61f073d0e2
commit 5756fb44ca
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Layout.tsx
View file

@ -70,7 +70,7 @@ export function Layout() {
<AppShell
navbarOffsetBreakpoint="sm"
navbar={
<Navbar width={{ lg: 300 }} hiddenBreakpoint="lg" hidden={!opened}>
<Navbar width={{ md: 300 }} hiddenBreakpoint="md" hidden={!opened}>
<Navbar.Section className="app-region-drag">
<Box
style={{
@ -94,7 +94,7 @@ export function Layout() {
}}
/>
</Link>
<MediaQuery largerThan="lg" styles={{ display: "none" }}>
<MediaQuery largerThan="md" styles={{ display: "none" }}>
<Burger
opened={opened}
onClick={() => setOpened((o) => !o)}
@ -246,7 +246,7 @@ export function Layout() {
layout="alt"
padding={0}
>
<MediaQuery largerThan="lg" styles={{ display: "none" }}>
<MediaQuery largerThan="md" styles={{ display: "none" }}>
<Burger
opened={opened}
onClick={() => setOpened((o) => !o)}

2
src/routes/ChatRoute.tsx
View file

@ -207,7 +207,7 @@ export function ChatRoute() {
bottom: 0,
left: 0,
right: 0,
[`@media (min-width: ${theme.breakpoints.lg})`]: {
[`@media (min-width: ${theme.breakpoints.md})`]: {
left: 300,
},
backgroundColor: