From d7e8a098b324e7ae6948e1f400f823bed49fd97f Mon Sep 17 00:00:00 2001
From: cirroskais <cirroskais@madhouselabs.net>
Date: Mon, 29 Apr 2024 10:11:59 -0400
Subject: [PATCH] mobile compat

---
 src/lib/components/Header.svelte        | 4 ++--
 src/routes/(app)/dashboard/+page.svelte | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index ac5c2ff..4ffa58c 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -12,10 +12,10 @@
 <div
 	class="flex place-content-between px-4 w-full h-full rounded-xl shadow-md transition-colors py-auto bg-crust"
 >
-	<div class="flex my-auto space-x-6">
+	<div class="flex my-auto md:space-x-6">
 		<a
 			href="/dashboard"
-			class="flex-none my-auto w-20 fill-text text-xl transition-all hover:scale-105 focus:scale-105 active:scale-95"
+			class="hidden md:block flex-none my-auto w-20 fill-text text-xl transition-all hover:scale-105 focus:scale-105 active:scale-95"
 		>
 			<Logo></Logo>
 		</a>
diff --git a/src/routes/(app)/dashboard/+page.svelte b/src/routes/(app)/dashboard/+page.svelte
index bf4b672..01ac98b 100644
--- a/src/routes/(app)/dashboard/+page.svelte
+++ b/src/routes/(app)/dashboard/+page.svelte
@@ -13,7 +13,7 @@
 	user.set(data?.user);
 </script>
 
-<div class="w-96 h-[calc(100vh-4.5rem)] flex mx-auto">
+<div class="w-[23rem] h-[calc(100vh-4.5rem)] flex mx-auto">
 	<div class="my-auto flex flex-col w-full gap-2">
 		<div>
 			<h1 class="text-2xl font-bold">Welcome, {$page.data.user.username}.</h1>
@@ -38,11 +38,11 @@
 							<td class="font-bold">Registered Users</td>
 							<td class="text-right">{statistics?.users}</td>
 						</tr>
-						<tr in:fade={{ delay: 60 * 2 }}>
+						<tr in:fade={{ delay: 60 * 3 }}>
 							<td class="font-bold">Files Hosted</td>
 							<td class="text-right">{statistics?.files}</td>
 						</tr>
-						<tr in:fade={{ delay: 60 * 3 }}>
+						<tr in:fade={{ delay: 60 * 6 }}>
 							<td class="font-bold">File Storage</td>
 							<td class="text-right">{statistics?.storage}</td>
 						</tr>