From 9d0af743d0570301b169b799bd581f4c2b966c2e Mon Sep 17 00:00:00 2001
From: dusk <y.bera003.06@protonmail.com>
Date: Thu, 19 Sep 2024 13:17:29 +0300
Subject: [PATCH] fix: get rid of gaps in the image grid, improve the zoom
 slightly

---
 src/components/window.svelte             |  4 +---
 src/routes/entries/japan-trip24/+page.md | 10 ++++++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/window.svelte b/src/components/window.svelte
index 92354d6..b51b0b5 100644
--- a/src/components/window.svelte
+++ b/src/components/window.svelte
@@ -35,8 +35,6 @@
 		</div>
 	</div>
 	<div class="p-2 bg-gradient-to-tl to-ralsei-pink-neon/15 from-ralsei-pink-regular/20">
-		<div class="bg-opacity-100 pixelate-bg">
-			<slot />
-		</div>
+		<slot />
 	</div>
 </div>
diff --git a/src/routes/entries/japan-trip24/+page.md b/src/routes/entries/japan-trip24/+page.md
index 3124807..ecba8cf 100644
--- a/src/routes/entries/japan-trip24/+page.md
+++ b/src/routes/entries/japan-trip24/+page.md
@@ -9,6 +9,12 @@ excerpt = "photos from my trip to japan"
     export let data;
 </script>
 
+<style>
+    picture {
+        margin: 0 !important;
+    }
+</style>
+
 ## 1-16 / 09 / 2024
 
 some photos i took while on a japan trip
@@ -18,8 +24,8 @@ these are *not* sorted, have fun trying to figure out the actual order
 <span class="text-xs italic">(i accidentally stripped the exif data and im too lazy to find the images again)</span>
 </p>
 
-<div class="grid gap-x-2 md:grid-cols-4">
+<div class="grid gap-0.5 auto-rows-min md:grid-cols-4">
 {#each data.images as src}
-<enhanced:img class="w-full h-full object-cover [transition:transform_.2s] md:hover:[transform:scale(2)]" {src}/>
+<enhanced:img class="w-full h-full object-cover [transition:transform_.4s] md:hover:[transform:scale(2.5)]" {src}/>
 {/each}
 </div>
\ No newline at end of file