From ea9bdc15ef013e4db4734a739fbe7c17ac75bc5d Mon Sep 17 00:00:00 2001
From: dusk <y.bera003.06@protonmail.com>
Date: Thu, 26 Sep 2024 04:25:55 +0300
Subject: [PATCH] feat: make metadata window sticky

---
 src/components/window.svelte      | 3 ++-
 src/routes/entries/_layout.svelte | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/window.svelte b/src/components/window.svelte
index 1d540d8..1d014b1 100644
--- a/src/components/window.svelte
+++ b/src/components/window.svelte
@@ -2,6 +2,7 @@
 	export let title: string;
 	export let iconUri: string = '';
 	export let id: string = '';
+	export let sticky: boolean = false;
 
 	const scaleKeyframes = [
 		"window-open",
@@ -19,7 +20,7 @@
 
 <div
 	class="
-        flex flex-col
+        flex flex-col {sticky ? 'md:sticky md:-top-9' : ''}
         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]
         border-ralsei-white border-ridge border-8 border-t-[12px]
         bg-ralsei-black
diff --git a/src/routes/entries/_layout.svelte b/src/routes/entries/_layout.svelte
index aed51c8..a09330c 100644
--- a/src/routes/entries/_layout.svelte
+++ b/src/routes/entries/_layout.svelte
@@ -17,14 +17,14 @@
 	<meta property="og:title" content={title} />
 </svelte:head>
 
-<article class="flex flex-wrap gap-4 h-entry">
+<article class="flex flex-wrap md:flex-nowrap gap-4 h-entry">
 	<Window {title} iconUri="/icons/entry.png">
 		<div class="prose prose-ralsei max-w-[80ch] e-content">
 			<slot />
 		</div>
 	</Window>
 	{#if showMetadata}
-		<Window title="metadata">
+		<Window title="metadata" sticky>
 			<div class="prose prose-ralsei">
 				<ul>
 					<link class="u-url" href="{PUBLIC_BASE_URL}{$page.url.pathname}" />