From fc2ed7be524c10a05e1f87b0e91f3e9e407c386b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o?= <43091603+glazk0@users.noreply.github.com>
Date: Wed, 13 Sep 2023 17:24:32 +0200
Subject: [PATCH] fix: layout mobile

---
 src/lib/components/Navbar.svelte    | 6 +++---
 src/routes/dashboard/+layout.svelte | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 3ed4594..caafa52 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -18,7 +18,7 @@
 </script>
 
 <div
-	class="z-50 flex w-full flex-row items-center justify-between border-b border-solid border-highlight-primary px-8 py-4"
+	class="z-50 flex w-full flex-row items-center justify-between border-b border-solid border-highlight-primary px-4 sm:px-8 py-4"
 >
 	<div class="flex flex-row items-center space-x-2 sm:space-x-0">
 		<div class="flex items-center">
@@ -31,10 +31,10 @@
 			</button>
 		</div>
 		{#if !isOpen && segments.length}
-			<div class="flex items-center justify-center capitalize text-highlight-secondary">
+			<div class="hidden items-center justify-center capitalize text-highlight-secondary sm:flex">
 				{#each breadcrumb as segment}
 					{@const last = segment === breadcrumb[breadcrumb.length - 1]}
-					<a class="hover:underline hover:text-primary" href={segment.href}>
+					<a class="hover:text-primary hover:underline" href={segment.href}>
 						{segment.name}
 					</a>
 					{#if !last}
diff --git a/src/routes/dashboard/+layout.svelte b/src/routes/dashboard/+layout.svelte
index cca469a..b337c14 100644
--- a/src/routes/dashboard/+layout.svelte
+++ b/src/routes/dashboard/+layout.svelte
@@ -11,7 +11,7 @@
 		<div class="flex flex-1 flex-col">
 			<Navbar bind:isOpen />
 			<div
-				class="flex w-full flex-1 transform flex-col overflow-y-scroll p-8 duration-300 ease-in-out"
+				class="flex w-full flex-1 transform flex-col overflow-y-scroll p-4 sm:p-8 duration-300 ease-in-out"
 			>
 				<slot />
 			</div>