fix: even more layotuing ahhh i hate css

This commit is contained in:
dusk 2024-08-24 19:28:39 +03:00
parent 0cec3060a1
commit 023be3d733
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
3 changed files with 62 additions and 65 deletions

View File

@ -73,7 +73,6 @@
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" /> <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" /> <feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
</filter> </filter>
<filter id="squiggly-2"> <filter id="squiggly-2">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" /> <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="2" /> <feDisplacementMap in="SourceGraphic" in2="noise" scale="2" />
@ -82,7 +81,6 @@
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" /> <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" /> <feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
</filter> </filter>
<filter id="squiggly-4"> <filter id="squiggly-4">
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" /> <feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" />
<feDisplacementMap in="SourceGraphic" in2="noise" scale="1" /> <feDisplacementMap in="SourceGraphic" in2="noise" scale="1" />
@ -90,9 +88,11 @@
</defs> </defs>
</svg> </svg>
<div class="h-[96vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]"><slot /></div> <div class="md:h-[96vh] pb-[7vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]">
<slot />
</div>
<nav class="w-full max-h-[4vh] z-10 fixed bottom-0 bg-ralsei-black"> <nav class="w-full max-h-[6vh] fixed bottom-0 z-10 bg-ralsei-black">
<div <div
class=" class="
max-w-full max-h-fit p-1 overflow-auto max-w-full max-h-fit p-1 overflow-auto

View File

@ -2,7 +2,7 @@
import Window from '../components/window.svelte'; import Window from '../components/window.svelte';
</script> </script>
<div class="flex flex-none gap-y-4 lg:gap-y-0 flex-wrap md:flex-nowrap md:h-full"> <div class="flex flex-col md:flex-row gap-y-4 lg:gap-y-0 md:h-full">
<div class="flex flex-col gap-y-2 lg:gap-y-0"> <div class="flex flex-col gap-y-2 lg:gap-y-0">
<Window title="readme?" iconUri='/icons/question.png'> <Window title="readme?" iconUri='/icons/question.png'>
<div class="prose prose-ralsei prose-img:m-0 leading-6"> <div class="prose prose-ralsei prose-img:m-0 leading-6">
@ -22,7 +22,7 @@
</div> </div>
</Window> </Window>
</div> </div>
<div class="grow" /> <div class="hidden md:block md:grow" />
<Window title="contacts!" iconUri='/icons/contact.png'> <Window title="contacts!" iconUri='/icons/contact.png'>
<div class="prose prose-ralsei leading-6"> <div class="prose prose-ralsei leading-6">
<ul> <ul>

View File

@ -7,7 +7,6 @@
</script> </script>
<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">
<div class="mb-[7vh] md:hidden" />
<Window title="guestbook" iconUri="/icons/guestbook.png"> <Window title="guestbook" iconUri="/icons/guestbook.png">
<div class="flex flex-col gap-4 2xl:w-[60ch]"> <div class="flex flex-col gap-4 2xl:w-[60ch]">
<p> <p>
@ -56,7 +55,6 @@
</div> </div>
</Window> </Window>
<div class="grow" /> <div class="grow" />
<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}
@ -83,7 +81,7 @@
{entry.content} {entry.content}
</p> </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 overflow-hidden text-ellipsis text-nowrap"
title={entry.author} title={entry.author}
> >
--- posted by {entry.author} --- posted by {entry.author}
@ -110,7 +108,6 @@
{/if} {/if}
</div> </div>
</Window> </Window>
</div>
</div> </div>
<style lang="postcss"> <style lang="postcss">