fixed dolls page scrolling behaviour

src/routes/app-menu/+page.svelte

@@ -19,9 +19,7 @@
   });
 </script>
 
-<div
-  class="p-2 h-full absolute inset-0 bg-base-100 border-base-200/50 border border-t-0 rounded-b-xl"
->
+<div class="p-2 size-full max-h-full bg-base-100 border-base-200/50">
   {#if showInteractionOverlay}
     <div
       class="absolute inset-0 z-50 cursor-not-allowed rounded-b-xl"
@@ -37,8 +35,8 @@
       tabindex="-1"
     ></div>
   {/if}
-  <div class="flex flex-col gap-2 h-full">
-    <div class="size-full flex flex-col gap-2">
+  <div class="flex flex-col gap-2 h-full max-h-full">
+    <div class="size-full flex flex-col max-h-full gap-2 h-full">
       <div class="tabs tabs-lift h-full flex-1">
         <input
           type="radio"
@@ -71,17 +69,6 @@
           <Preferences />
         </div>
       </div>
-      <div class="w-full flex flex-row justify-between">
-        <div></div>
-        <div class="flex flex-row gap-2">
-          <button
-            class="btn btn-sm btn-outline border-neutral-500/50"
-            onclick={async () => {
-              await getCurrentWebviewWindow().close();
-            }}><p class="px-4">Ok</p></button
-          >
-        </div>
-      </div>
     </div>
   </div>
 </div>

src/routes/app-menu/tabs/your-dolls/dolls-list.svelte

@@ -33,7 +33,7 @@
       <p>No dolls found. Create your first doll!</p>
     </div>
   {:else}
-    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4">
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2">
       {#each dolls as doll (doll.id)}
         <div
           class="card border border-base-200 bg-linear-to-b from-base-100 to-base-300 relative"

src/routes/app-menu/tabs/your-dolls/index.svelte

@@ -48,7 +48,7 @@
   }
 </script>
 
-<div class="dolls-page flex flex-col gap-4">
+<div class="dolls-page flex flex-col gap-4 max-h-full h-full">
   <div class="flex justify-between items-center">
     <h2 class="text-lg font-bold">Your Nekos</h2>
     <button class="btn btn-primary btn-sm" on:click={openCreateModal}>
@@ -56,13 +56,15 @@
     </button>
   </div>
 
-  <DollsList
-    {dolls}
-    {user}
-    loading={loading || initialLoading}
-    {error}
-    onEditDoll={openEditModal}
-    onSetActiveDoll={handleSetActiveDoll}
-    onRemoveActiveDoll={handleRemoveActiveDoll}
-  />
+  <div class="overflow-y-auto rounded p-2 h-full border-base-200 border">
+    <DollsList
+      {dolls}
+      {user}
+      loading={loading || initialLoading}
+      {error}
+      onEditDoll={openEditModal}
+      onSetActiveDoll={handleSetActiveDoll}
+      onRemoveActiveDoll={handleRemoveActiveDoll}
+    />
+  </div>
 </div>