format

layouts/LayoutDefault.tsx

@@ -6,18 +6,29 @@ import theme from "./theme.js";
 import logoUrl from "../assets/logo.svg";
 import { Link } from "../components/Link";
 
-export default function LayoutDefault({ children }: { children: React.ReactNode }) {
+export default function LayoutDefault({
+  children,
+}: { children: React.ReactNode }) {
   const [opened, { toggle }] = useDisclosure();
   return (
     <MantineProvider theme={theme}>
       <AppShell
         header={{ height: 60 }}
-        navbar={{ width: 300, breakpoint: "sm", collapsed: { mobile: !opened } }}
-        padding="md"
+        navbar={{
+          width: 300,
+          breakpoint: "sm",
+          collapsed: { mobile: !opened },
+        }}
+        padding="lg"
       >
         <AppShell.Header>
           <Group h="100%" px="md">
-            <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size="sm" />
+            <Burger
+              opened={opened}
+              onClick={toggle}
+              hiddenFrom="sm"
+              size="sm"
+            />
             <a href="/">
               {" "}
               <Image h={50} fit="contain" src={logoUrl} />{" "}