fix: more layouting

This commit is contained in:
dusk 2024-08-24 17:47:39 +03:00
parent 4210aad424
commit 0cec3060a1
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw

View File

@ -29,9 +29,7 @@
maxlength="512" maxlength="512"
required required
/> />
<p class="place-self-end text-sm font-monospace"> <p class="place-self-end text-sm font-monospace">--- posted by ...</p>
--- posted by ...
</p>
</div> </div>
<div class="entry flex flex-wrap gap-1.5 p-1"> <div class="entry flex flex-wrap gap-1.5 p-1">
<p class="text-xl ms-2">auth via:</p> <p class="text-xl ms-2">auth via:</p>
@ -58,7 +56,7 @@
</div> </div>
</Window> </Window>
<div class="grow" /> <div class="grow" />
<div class="mb-[7vh] md:mb-0"> <div class="md:mb-[7vh]">
<Window title="entries" iconUri="/icons/entries.png"> <Window title="entries" iconUri="/icons/entries.png">
<div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]"> <div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]">
{#if data.getRatelimited} {#if data.getRatelimited}
@ -81,7 +79,9 @@
</p> </p>
<p class="justify-end self-center text-sm font-monospace">{date}</p> <p class="justify-end self-center text-sm font-monospace">{date}</p>
</div> </div>
<p class="text-lg ml-0.5 max-w-[56ch]">{entry.content}</p> <p class="text-lg text-wrap overflow-hidden text-ellipsis ml-0.5 max-w-[56ch]">
{entry.content}
</p>
<p <p
class="place-self-end text-sm font-monospace max-w-[16ch] md:max-w-[24ch] lg:max-w-[32ch] overflow-hidden text-ellipsis" class="place-self-end text-sm font-monospace max-w-[16ch] md:max-w-[24ch] lg:max-w-[32ch] overflow-hidden text-ellipsis"
title={entry.author} title={entry.author}