From 3bc203186644f4af5b0a218e5bdced217a28ec09 Mon Sep 17 00:00:00 2001
From: dtonon <git@dtonon.com>
Date: Tue, 26 May 2026 14:50:54 +0100
Subject: [PATCH] Show images edge-to-edge in mobile

---
 src/lib/components/PostContent.svelte | 4 ++--
 src/routes/+layout.svelte             | 2 +-
 src/routes/+page.svelte               | 6 +++++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/PostContent.svelte b/src/lib/components/PostContent.svelte
index 234dcf8..cea39fd 100644
--- a/src/lib/components/PostContent.svelte
+++ b/src/lib/components/PostContent.svelte
@@ -679,7 +679,7 @@
         src={block.src}
         alt={block.alt}
         loading="lazy"
-        class="block mx-auto w-full max-h-[80vh] object-contain rounded"
+        class="block -mx-6 w-[calc(100%_+_3rem)] max-w-none max-h-[80vh] object-contain rounded-none md:mx-auto md:w-full md:max-w-full md:rounded"
       />
     {:else if block.type === "blockquote"}
       <blockquote
@@ -752,7 +752,7 @@
 {/snippet}
 
 <div
-  class="prose leading-5 max-w-none text-neutral-700 [&_p]:my-3 [&_img]:my-5 [&_table]:my-0 [&_pre]:bg-neutral-100 [&_pre]:text-neutral-800 [&_:not(pre)>code]:rounded [&_:not(pre)>code]:bg-neutral-100 [&_:not(pre)>code]:px-1 [&_:not(pre)>code]:py-0.5 [&_blockquote_p]:before:content-none [&_blockquote_p]:after:content-none [&_code]:before:content-none [&_code]:after:content-none"
+  class="prose leading-5 max-w-none text-neutral-700 [&_p]:my-3 [&_img]:my-5 [&_blockquote_img]:mx-0 [&_blockquote_img]:w-full [&_blockquote_img]:max-w-full [&_blockquote_img]:rounded [&_table]:my-0 [&_pre]:bg-neutral-100 [&_pre]:text-neutral-800 [&_:not(pre)>code]:rounded [&_:not(pre)>code]:bg-neutral-100 [&_:not(pre)>code]:px-1 [&_:not(pre)>code]:py-0.5 [&_blockquote_p]:before:content-none [&_blockquote_p]:after:content-none [&_code]:before:content-none [&_code]:after:content-none"
 >
   {@render renderBlocks(blocks)}
 </div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 31ecdfa..9306755 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -118,7 +118,7 @@
            it first and it reappears once the top is reached. Desktop only. -->
       <div class="hidden md:block md:h-6" aria-hidden="true"></div>
       <div
-        class="min-h-[calc(100dvh_-_4rem)] bg-white px-6 pt-8 pb-20 shadow-lg md:min-h-full md:rounded-t-xl md:px-10 md:pt-6"
+        class="min-h-[calc(100dvh_-_4rem)] bg-white px-6 pt-4 md:pt-8 pb-20 shadow-lg md:min-h-full md:rounded-t-xl md:px-10 md:pt-6"
       >
         {@render children()}
       </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 670a756..1a5f456 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -59,7 +59,11 @@
 {#if MODE === "simple"}
   <DiscussionsFeed groupId={GROUP_ID} title="Discussions" />
 {:else}
-  <h1 class="py-2 text-[1.65rem] text-brand">Rooms</h1>
+  {#if partial}
+    <hr class="text-neutral-300" />
+  {:else}
+    <h1 class="py-2 text-[1.65rem] text-brand">Forum rooms</h1>
+  {/if}
 
   {#if groupsStore.list.length === 0}
     <p class="py-6 text-sm text-neutral-400">