From 7840c9c508559c958ac0cf0874d74dbeada434b1 Mon Sep 17 00:00:00 2001
From: JovannMC <jovannmc@femboyfurry.net>
Date: Fri, 10 Jan 2025 17:18:56 +0300
Subject: [PATCH] fix transition inconsistency in conversion page

fixes by putting the conversion panel & files in same div
---
 src/routes/+layout.svelte       |  1 +
 src/routes/convert/+page.svelte | 12 +++---------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e719d43..11b3340 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -110,6 +110,7 @@
 
 <div class="flex flex-col min-h-screen h-full">
 	<!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) -->
+	<!-- FIXME: if user has to scroll in a page, transitioning to a page that fits users viewport makes the elements jump after transition ends -->
 
 	<div class="flex flex-col">
 		<!-- Mobile logo -->
diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte
index ce6e5e9..428c3cf 100644
--- a/src/routes/convert/+page.svelte
+++ b/src/routes/convert/+page.svelte
@@ -93,19 +93,13 @@
 	</Panel>
 {/snippet}
 
-<div
-	class="flex justify-center items-center -mt-4 pb-8"
->
-	<div class="max-w-[796px] w-full px-4 md:p-0">
+<div class="flex flex-col justify-center items-center gap-8 -mt-4 px-4 md:p-0">
+	<div class="max-w-[796px] w-full">
 		<ConversionPanel />
 	</div>
-</div>
 
-<div
-	class="w-full h-full flex justify-center"
->
 	<div
-		class="w-[794px] grid grid-cols-1 md:grid-cols-2 px-4 md:p-0 auto-rows-[240px] gap-4"
+		class="w-full max-w-[794px] grid grid-cols-1 md:grid-cols-2 auto-rows-[240px] gap-4 md:p-0"
 	>
 		{#each files.files as file, i (file.id)}
 			{#if files.files.length >= 2 && i === 1}