From 5f4de11b628ba6da0f33a25ca0fbb323242f53ff Mon Sep 17 00:00:00 2001
From: Steve <contact@stevedylan.dev>
Date: Sun, 25 Jan 2026 17:14:45 -0500
Subject: [PATCH] chore: made mobile responsive

---
 src/routes/+page.svelte              | 4 ++--
 src/routes/admin/+page.svelte        | 9 ++++-----
 src/routes/photo/[slug]/+page.svelte | 4 ++--
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5bd2258..a9211f6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,12 +5,12 @@ let { data }: { data: PageData } = $props();
 </script>
 
 <div class="bg-[#121113] min-h-screen text-white">
-  <div class="fixed bg-[#121113] w-full py-4 px-8">
+  <div class="fixed bg-[#121113] w-full py-4 sm:px-8 px-4">
     <h1 class="text-sm">steve.photo</h1>
   </div>
 
   {#snippet figure(image: ImageItem)}
-  <div class="flex gap-2 px-8 pt-2">
+  <div class="flex sm:flex-row flex-col gap-2 sm:px-8 px-4 pt-2">
     <a href="/photo/{image.slug}" class="flex-2 min-w-0">
      	<img class="max-w-full h-auto block" src={image.image} alt={image.title} />
     </a>
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index 8971873..55c8e15 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -155,13 +155,15 @@
 </script>
 
 <svelte:head>
-	<title>Admin - Upload Photo</title>
+	<title>Admin</title>
 </svelte:head>
 
+
+
 <div class="min-h-screen p-4 md:p-8">
 	<div class="max-w-4xl mx-auto space-y-4">
 		<div class="flex items-center justify-between mb-8">
-			<h1 class="text-2xl font-bold">Admin</h1>
+			<a href="/" class="hover:text-white transition-colors text-sm text-zinc-400">&larr; Back to gallery</a>
 			<a
 				href="/api/logout"
 				class="text-sm text-zinc-400 hover:text-white transition-colors"
@@ -377,8 +379,5 @@
 		{/if}
 
 
-		<p class="mt-8 text-center text-sm text-zinc-500">
-			<a href="/" class="hover:text-white transition-colors">&larr; Back to gallery</a>
-		</p>
 	</div>
 </div>
diff --git a/src/routes/photo/[slug]/+page.svelte b/src/routes/photo/[slug]/+page.svelte
index e3c1295..15ae13f 100644
--- a/src/routes/photo/[slug]/+page.svelte
+++ b/src/routes/photo/[slug]/+page.svelte
@@ -4,11 +4,11 @@ let { data }: { data: PageData } = $props();
 </script>
 
 <div class="bg-[#121113] min-h-screen text-white flex flex-col gap-4 pb-4">
-	<div class="fixed bg-[#121113] w-full py-4 px-8">
+	<div class="fixed bg-[#121113] w-full py-4 sm:px-8 px-4">
 		<a href="/" class="text-sm hover:underline">steve.photo (go back)</a>
 	</div>
 
-	<div class="flex gap-2 px-8 pt-16">
+	<div class="flex sm:flex-row flex-col gap-2 sm:px-8 px-4 pt-16">
 		<div class="flex-6 min-w-0">
 			<img class="max-w-full h-auto block" src={data.photo.image} alt={data.photo.title} />
 		</div>
-- 
2.51.2