gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

feat: minor style improvements

Browse Source
This commit is contained in:
dusk 2024-11-23 23:02:01 +03:00
parent 1e057245ef
commit 630a1c043c
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/window.svelte
View File

@ -11,6 +11,7 @@
export let center: boolean = false;
export let layered: boolean = false;
export let style: string = "";
export let tooltip: boolean = false;
const scaleKeyframes = [
"window-open",
@ -46,9 +47,9 @@
on:click={(data) => {focusWindow(data.currentTarget)}}
class="
relative {layered ? "col-[1] row-[1]" : ""} flex flex-col {sticky ? 'md:sticky md:-top-9' : ''} {center ? "mx-auto" : ""}
max-w-screen-md xl:max-w-screen-lg 2xl:max-w-screen-xl min-w-[30ch] lg:min-w-[40ch] w-full md:w-fit [height:fit-content]
bg-ralsei-black border-ralsei-white border-ridge border-8 border-t-[12px]
animate-{chosenKeyframe} drop-shadow-[35px_35px_35px_rgba(1,1,1,0.5)]
max-w-screen-md xl:max-w-screen-lg 2xl:max-w-screen-xl {tooltip ? "min-w-fit" : "min-w-[30ch] lg:min-w-[40ch]"} w-full md:w-fit [height:fit-content]
bg-ralsei-black border-ralsei-white border-ridge {tooltip ? "border-[6px] border-t-[9px]" : "border-8 border-t-[12px]"}
animate-{chosenKeyframe} drop-shadow-[24px_24px_24px_rgba(1,1,1,0.8)]
{style}
"
{id}
@ -83,7 +84,7 @@
</div>
{/if}
<div class="
{removePadding ? "" : "p-2"} bg-gradient-to-tl
{removePadding ? "" : tooltip ? "p-1" : "p-2"} bg-gradient-to-tl
to-ralsei-pink-neon/15 from-ralsei-pink-regular/20
">
<slot />

4
src/routes/+layout.svelte
View File

@ -158,8 +158,8 @@
<a title="next site" class="hover:underline" href="https://xn--sr8hvo.ws/next">⮞</a>
</div>
<div class="group navbox">
<div class="absolute transition-all opacity-0 group-hover:opacity-100 translate-y-2/3 -translate-x-1/3 group-hover:-translate-y-2/3 transform-gpu">
<Window style="!min-w-fit">
<div class="absolute transition-all opacity-0 group-hover:opacity-100 translate-y-full -translate-x-1/3 group-hover:-translate-y-2/3 transform-gpu">
<Window tooltip>
<img class="min-w-64" style="image-rendering: crisp-edges pixelated;" alt="visits" src="https://count.getloli.com/@yusdacrawebsite?name=yusdacrawebsitetest&theme=booru-lewd&padding=5&offset=0&align=center&scale=1&pixelated=1&darkmode=0&num={data.visitCount}"/>
</Window>
</div>