burger

src/components/ContactForm.css

@@ -22,6 +22,8 @@ input[type=email], select, textarea
   width: auto;
   height: 25px;
   align-self: end;
+  padding-left: 4px;
+  padding-right: 4px;
 }
 
 div.flexCenter
@@ -54,7 +56,7 @@ div.flexCenter
     padding: 20px;
     justify-content: center;   
     width: 60%;
-    
+    border-color: black;
     padding: 10px;
     border-style: solid;
     border-width: 2px;

src/components/Dog.tsx

@@ -39,11 +39,6 @@ const Dog = () =>
   const content: ReactNode = dogRes.success === 1 ?
   <div className = 'Dog'>
   <h1>Hast Du mich gefunden?</h1>
-  {/* <p>name: {name}</p>
-  <p>email: {email}</p>
-  <p>phone: {phone}</p>
-  <p>pic: {picPath}</p>
-  <p>qr: {qrPath}</p> */}
   <div className='flex flex-row justify-center'>
     <Img pth={picPath} className=''/>
   </div>

src/components/DogNavbar.tsx

@@ -20,13 +20,14 @@ const NaveBarIcon = ({ icon, href, text = 'tooltip 💡'}: {icon: JSX.Element, h
 const Divider = () => <hr className="sidebar-hr" />;
 
 
-function DogNavbar({hasUser, onLogout}:{hasUser: boolean, onLogout: () => void}) 
+function DogNavbar({hasUser, hidden, onLogout}:{hasUser: boolean, hidden: boolean, onLogout: () => void}) 
 {
   return (
-    <Navbar className="fixed top-0 left-0 h-screen w-16 flex flex-col
+    <Navbar className="fixed top-11 left-0 w-16 h-[90%] flex flex-col
     bg-orange-500"
-        hiddenBreakpoint={700} 
-        hidden={true} 
+    
+        hiddenBreakpoint='sm' 
+        hidden={hidden} 
         >
     
       <Navbar.Section grow>