hq/bpist-squalk-forum
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show images edge-to-edge in mobile

Browse source
This commit is contained in:
dtonon 2026-05-26 14:50:54 +01:00
parent d8d8e27687
commit 3bc2031866
3 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/PostContent.svelte
View file

@ -679,7 +679,7 @@
src={block.src} src={block.src}
alt={block.alt} alt={block.alt}
loading="lazy" 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"} {:else if block.type === "blockquote"}
<blockquote <blockquote
@ -752,7 +752,7 @@
{/snippet} {/snippet}
<div <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)} {@render renderBlocks(blocks)}
</div> </div>

2
src/routes/+layout.svelte
View file

@ -118,7 +118,7 @@
it first and it reappears once the top is reached. Desktop only. --> 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="hidden md:block md:h-6" aria-hidden="true"></div>
<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()} {@render children()}
</div> </div>

6
src/routes/+page.svelte
View file

@ -59,7 +59,11 @@
{#if MODE === "simple"} {#if MODE === "simple"}
<DiscussionsFeed groupId={GROUP_ID} title="Discussions" /> <DiscussionsFeed groupId={GROUP_ID} title="Discussions" />
{:else} {: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} {#if groupsStore.list.length === 0}
<p class="py-6 text-sm text-neutral-400"> <p class="py-6 text-sm text-neutral-400">