From 630a1c043c2e306dcfb7229c9b108a7f066ec623 Mon Sep 17 00:00:00 2001
From: dusk <y.bera003.06@protonmail.com>
Date: Sat, 23 Nov 2024 23:02:01 +0300
Subject: [PATCH] feat: minor style improvements

---
 src/components/window.svelte | 9 +++++----
 src/routes/+layout.svelte    | 4 ++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/window.svelte b/src/components/window.svelte
index 83f8447..d25dce2 100644
--- a/src/components/window.svelte
+++ b/src/components/window.svelte
@@ -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 />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4034d7f..b286289 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -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>