From 23dc35ec496849b7f4603c77d5f66a4d0a0fb802 Mon Sep 17 00:00:00 2001
From: Matt Strapp <matt@mattstrapp.net>
Date: Fri, 29 Sep 2023 08:37:22 -0500
Subject: Fix centering of content

Signed-off-by: Matt Strapp <matt@mattstrapp.net>
---
 app/src/routes/+layout.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

(limited to 'app/src/routes/+layout.svelte')

diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte
index c29de33..c866e8c 100644
--- a/app/src/routes/+layout.svelte
+++ b/app/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import Navigation from '$lib/svelte/Navigation.svelte';
   import Icon from '@iconify/svelte';
+  import menuIcon from '@iconify/icons-carbon/menu';
   import {
       AppBar,
       AppShell,
@@ -62,20 +63,20 @@
 </svelte:head>
 
 <Drawer>
-  <Navigation />
+  <Navigation menu />
 </Drawer>
 
 <Toast position="br" />
 
 <!-- App Shell -->
-<AppShell slotSidebarLeft="w-0 lg:w-64">
+<AppShell slotSidebarLeft="w-0 md:w-20">
   <svelte:fragment slot="header">
     <!-- App Bar -->
     <AppBar>
       <svelte:fragment slot="lead">
         <div class="flex items-center">
-          <button class="lg:hidden btn btn-sm mr-4" on:click={drawerOpen}>
-            <Icon icon="carbon:menu" width=25 />
+          <button class="md:hidden btn btn-sm mr-4" on:click={drawerOpen}>
+            <Icon icon={menuIcon} width=25 />
           </button>
           <strong class="text-xl uppercase">Nothing</strong>
         </div>
-- 
cgit v1.2.3

