burger

src/App.tsx

@@ -5,8 +5,6 @@ import Login from './components/Login';
 import Register from './components/Register';
 import Dog from './components/Dog';
 import Qr from './components/Qr';
-import Header2 from './components/Header2';
-import Footer2 from './components/Footer2';
 import Impressum from './components/Impressum';
 import "bootstrap/dist/css/bootstrap.min.css";
 import FileUpload from './components/FileUpload';
@@ -20,10 +18,13 @@ import
 { 
   MantineProvider,
   AppShell, 
-  Navbar, 
+   
   Text, 
-  Aside, 
-  Footer 
+   
+   
+  Header,
+  MediaQuery,
+  Burger
 } from '@mantine/core';
 import { NotificationsProvider } from '@mantine/notifications';
 import { notificationAlert, notificationError, notificationSuccess } from './services/Notifications';
@@ -32,7 +33,8 @@ import DogNavbar from './components/DogNavbar';
 const App: React.FC = () => 
 {
   const {data, error, isLoading, mutate} = useSWR("/user", getUser);
-
+  const [opened, setOpened] = useState(false);
+  
   console.log('App getUser');
   console.log(data);
   
@@ -78,9 +80,26 @@ const App: React.FC = () =>
             <BrowserRouter basename='/dog/'>
               <AppShell
                 padding={0}
-                fixed
-                navbarOffsetBreakpoint={700}
-                navbar={<DogNavbar hasUser={user ? true : false} onLogout={userLogout}/>} 
+                
+                navbarOffsetBreakpoint="sm"
+                navbar={<DogNavbar hidden={!opened} hasUser={user ? true : false} onLogout={userLogout}/>} 
+              
+                // header={
+                //   <Header height={'44px'} p="md" className='bg-orange-500'>
+                //     <div className='flex justify-start'>
+                //       <MediaQuery largerThan="sm" styles={{ display: 'none' }}>
+                //         <Burger
+                //           opened={opened}
+                //           onClick={() => setOpened((o) => !o)}
+                //           size="sm"
+                          
+                //           mr="xl"
+                //         />
+                //       </MediaQuery>
+          
+                //       <Text></Text>
+                //     </div>
+                //   </Header>}
               >
               <Routes>
                   {user && <Route index path="/" element={<Profil/>} />}