fix: styling

src/lib/components/layout/Sidebar.svelte

@@ -88,8 +88,8 @@
 <div
 	bind:this={navElement}
 	class="h-screen max-h-[100dvh] min-h-screen {show
-		? 'lg:relative'
-		: '-translate-x-[260px] w-[0px]'}  w-[260px] min-w[260px] bg-black text-gray-200 shadow-2xl text-sm transition z-40 fixed top-0 left-0
+		? 'lg:relative w-[260px]'
+		: '-translate-x-[260px] w-[0px]'}  bg-black text-gray-200 shadow-2xl text-sm transition z-40 fixed top-0 left-0
         "
 >
 	<div

src/routes/(app)/admin/+page.svelte

@@ -75,10 +75,11 @@
 <SettingsModal bind:show={showSettingsModal} />
 
 <div
-	class=" bg-white dark:bg-gray-900 dark:text-gray-100 min-h-screen w-full flex justify-center font-mona"
+	class="min-h-screen max-h-[100dvh] w-full flex justify-center dark:text-white bg-white dark:bg-gray-900 font-mona"
 >
 	{#if loaded}
-		<div class="w-full max-w-3xl px-10 md:px-16 min-h-screen flex flex-col">
+		<div class="overflow-y-auto w-full flex justify-center">
+			<div class="w-full max-w-3xl px-10 md:px-16 flex flex-col">
 				<div class="py-10 w-full">
 					<div class=" flex flex-col justify-center">
 						<div class=" flex justify-between items-center">
@@ -210,6 +211,7 @@
 					</div>
 				</div>
 			</div>
+		</div>
 	{/if}
 </div>
 

src/routes/(app)/documents/+page.svelte

@@ -179,8 +179,8 @@
 	}}
 />
 
-<div class="min-h-screen w-full flex justify-center dark:text-white">
-	<div class=" py-2.5 flex flex-col justify-between w-full">
+<div class="min-h-screen max-h-[100dvh] w-full flex justify-center dark:text-white">
+	<div class=" py-2.5 flex flex-col justify-between w-full overflow-y-auto">
 		<div class="max-w-2xl mx-auto w-full px-3 md:px-0 my-10">
 			<div class="mb-6 flex justify-between items-center">
 				<div class=" text-2xl font-semibold self-center">My Documents</div>

src/routes/(app)/modelfiles/+page.svelte

@@ -68,8 +68,8 @@
 	});
 </script>
 
-<div class="min-h-screen w-full flex justify-center dark:text-white">
-	<div class=" py-2.5 flex flex-col justify-between w-full">
+<div class="min-h-screen max-h-[100dvh] w-full flex justify-center dark:text-white">
+	<div class=" py-2.5 flex flex-col justify-between w-full overflow-y-auto">
 		<div class="max-w-2xl mx-auto w-full px-3 md:px-0 my-10">
 			<div class=" text-2xl font-semibold mb-6">My Modelfiles</div>
 

src/routes/(app)/modelfiles/create/+page.svelte

@@ -256,8 +256,8 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
 	});
 </script>
 
-<div class="min-h-screen w-full flex justify-center dark:text-white">
-	<div class=" py-2.5 flex flex-col justify-between w-full">
+<div class="min-h-screen max-h-[100dvh] w-full flex justify-center dark:text-white">
+	<div class=" py-2.5 flex flex-col justify-between w-full overflow-y-auto">
 		<div class="max-w-2xl mx-auto w-full px-3 md:px-0 my-10">
 			<input
 				bind:this={filesInputElement}

src/routes/(app)/modelfiles/edit/+page.svelte

@@ -180,8 +180,8 @@
 	};
 </script>
 
-<div class="min-h-screen w-full flex justify-center dark:text-white">
-	<div class=" py-2.5 flex flex-col justify-between w-full">
+<div class="min-h-screen max-h-[100dvh] w-full flex justify-center dark:text-white">
+	<div class=" py-2.5 flex flex-col justify-between w-full overflow-y-auto">
 		<div class="max-w-2xl mx-auto w-full px-3 md:px-0 my-10">
 			<input
 				bind:this={filesInputElement}