aboutsummaryrefslogtreecommitdiffstats
path: root/app/src/routes/+layout.svelte
diff options
context:
space:
mode:
authorMatt Strapp <matt@mattstrapp.net>2023-09-29 08:37:22 -0500
committerMatt Strapp <matt@mattstrapp.net>2023-09-29 08:40:37 -0500
commit23dc35ec496849b7f4603c77d5f66a4d0a0fb802 (patch)
treea20e159cdfd6ff8c707de2b51afbc91a4160e9e3 /app/src/routes/+layout.svelte
parentPin dependencies (diff)
downloadtrinkets-23dc35ec496849b7f4603c77d5f66a4d0a0fb802.tar
trinkets-23dc35ec496849b7f4603c77d5f66a4d0a0fb802.tar.gz
trinkets-23dc35ec496849b7f4603c77d5f66a4d0a0fb802.tar.bz2
trinkets-23dc35ec496849b7f4603c77d5f66a4d0a0fb802.tar.lz
trinkets-23dc35ec496849b7f4603c77d5f66a4d0a0fb802.tar.xz
trinkets-23dc35ec496849b7f4603c77d5f66a4d0a0fb802.tar.zst
trinkets-23dc35ec496849b7f4603c77d5f66a4d0a0fb802.zip
Fix centering of content
Signed-off-by: Matt Strapp <matt@mattstrapp.net>
Diffstat (limited to '')
-rw-r--r--app/src/routes/+layout.svelte9
1 files changed, 5 insertions, 4 deletions
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>