From e2142c95e99edae25076b4da3ef8acbdd0a748a2 Mon Sep 17 00:00:00 2001 From: June Date: Tue, 18 Nov 2025 11:08:41 +1300 Subject: [PATCH] Much better effort mobile layout --- web/src/components/photos/carousel.astro | 2 +- web/src/layout/Base.astro | 12 +++++++++--- web/src/styles/global.css | 4 ++-- 3 files changed, 12 insertions(+), 6 deletions(-) diff --git a/web/src/components/photos/carousel.astro b/web/src/components/photos/carousel.astro index 1dda105..d1e537e 100644 --- a/web/src/components/photos/carousel.astro +++ b/web/src/components/photos/carousel.astro @@ -70,4 +70,4 @@ const getImageLink = async (record: any) => { - \ No newline at end of file + \ No newline at end of file diff --git a/web/src/layout/Base.astro b/web/src/layout/Base.astro index 6cf2c35..44b0bfd 100644 --- a/web/src/layout/Base.astro +++ b/web/src/layout/Base.astro @@ -12,18 +12,24 @@ import Footer from "@components/footer" -
-
+
+
-
+
+ +
+
diff --git a/web/src/styles/global.css b/web/src/styles/global.css index 72bbb23..5fb233d 100644 --- a/web/src/styles/global.css +++ b/web/src/styles/global.css @@ -28,7 +28,7 @@ html body { @apply font-[Georgia]; - @apply w-[68%] mx-auto h-full; + @apply w-full md:w-[68%] mx-auto h-full; @apply bg-(--bg-light); } @@ -48,7 +48,7 @@ } .content-panel { - @apply w-[68%] py-14 pl-10; + @apply w-full md:w-[68%] py-8 md:py-14 px-6 md:pl-10 md:pr-0; } @tailwind utilities; \ No newline at end of file