[docs] Fix responsive app shell alt layout demo (#3105)

mantinedev · Dec 5, 2022 · 2c8247a · 2c8247a
1 parent fa99d8c
commit 2c8247a
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/docs/src/pages/app-shell-demo-alt.tsx b/docs/src/pages/app-shell-demo-alt.tsx
@@ -29,7 +29,22 @@ export default function AppShellDemo() {
         asideOffsetBreakpoint="sm"
         fixed
         navbar={
-          <Navbar p="md" hiddenBreakpoint="sm" hidden={!opened} width={{ sm: 200, lg: 300 }}>
+          <Navbar
+            py="sm"
+            px="md"
+            hiddenBreakpoint="sm"
+            hidden={!opened}
+            width={{ sm: 200, lg: 300 }}
+          >
+            <MediaQuery largerThan="sm" styles={{ display: 'none' }}>
+              <Burger
+                opened={opened}
+                onClick={() => setOpened((o) => !o)}
+                size="sm"
+                color={theme.colors.gray[6]}
+                mr="xl"
+              />
+            </MediaQuery>
             <Text>Application navbar</Text>
           </Navbar>
         }