feat: minor guestbook improvements

This commit is contained in:
dusk 2024-12-10 04:49:09 +03:00
parent 80732c3e6e
commit 99fe43fab2
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw

View File

@ -17,7 +17,7 @@ import Window from '../../components/window.svelte';
<div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4"> <div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4">
<Window title="guestbook" style="mx-auto" iconUri="/icons/guestbook.png"> <Window title="guestbook" style="mx-auto" iconUri="/icons/guestbook.png">
<div class="flex flex-col gap-4 2xl:w-[60ch]"> <div class="flex flex-col gap-4 2xl:w-[60ch] leading-6">
<p> <p>
hia, here is the guestbook if you wanna post anything :) hia, here is the guestbook if you wanna post anything :)
<br /> <br />
@ -41,11 +41,11 @@ import Window from '../../components/window.svelte';
<div class="flex flex-row gap-2 items-center justify-center"> <div class="flex flex-row gap-2 items-center justify-center">
<input type="checkbox" id="anon" name="anon" checked/> <input type="checkbox" id="anon" name="anon" checked/>
<label for="anon" class="text-sm font-monospace grow text-shadow-white">post anonymously</label> <label for="anon" class="text-sm font-monospace grow text-shadow-white">post anonymously</label>
<p class="text-sm font-monospace">--- posted by ...</p> <p class="text-sm font-monospace">--- posted by you</p>
</div> </div>
</div> </div>
<div class="entry flex flex-wrap gap-1.5 p-1 items-center"> <div class="entry flex flex-wrap gap-1.5 p-1 items-baseline">
<p class="text-xl ms-2 align-middle">auth via:</p> <p class="text-xl ms-2">auth via:</p>
{#each ['discord', 'github'] as platform} {#each ['discord', 'github'] as platform}
<Tooltip x="" y="translate-y-[70%]" targetY="" targetX=""> <Tooltip x="" y="translate-y-[70%]" targetY="" targetX="">
<svelte:fragment slot="tooltipContent">post with {platform}</svelte:fragment> <svelte:fragment slot="tooltipContent">post with {platform}</svelte:fragment>
@ -53,7 +53,7 @@ import Window from '../../components/window.svelte';
type="submit" type="submit"
value={platform} value={platform}
formaction="?/post_{platform}" formaction="?/post_{platform}"
class="text-lg text-ralsei-green-light leading-5 hover:underline motion-safe:hover:animate-squiggle w-fit p-0.5" class="text-lg text-ralsei-green-light leading-none hover:underline motion-safe:hover:animate-squiggle w-fit py-1 px-0.5"
/> />
</Tooltip> </Tooltip>
{/each} {/each}