From 5729af380db8b1e35b11ce5732554777d274fe25 Mon Sep 17 00:00:00 2001
From: static <kmc7468@naver.com>
Date: Fri, 2 Jan 2026 17:04:08 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=ED=99=98?=
 =?UTF-8?q?=EA=B2=BD=EC=97=90=EC=84=9C=20=EA=B0=A4=EB=9F=AC=EB=A6=AC=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=EC=97=90=EC=84=9C=EC=9D=98=20?=
 =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=EC=9D=B4=20=EB=B6=80=EC=9E=90?=
 =?UTF-8?q?=EC=97=B0=EC=8A=A4=EB=9F=BD=EA=B2=8C=20=EC=9D=B4=EB=A4=84?=
 =?UTF-8?q?=EC=A7=80=EB=8A=94=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/atoms/RowVirtualizer.svelte    | 37 ++++++++++---------
 src/lib/components/organisms/Gallery.svelte   |  6 +--
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/atoms/RowVirtualizer.svelte b/src/lib/components/atoms/RowVirtualizer.svelte
index 444b9c7..5a6ba8d 100644
--- a/src/lib/components/atoms/RowVirtualizer.svelte
+++ b/src/lib/components/atoms/RowVirtualizer.svelte
@@ -34,27 +34,30 @@
     if (!element) return;
 
     const observer = new ResizeObserver(() => {
-      scrollMargin = element!.getBoundingClientRect().top + window.scrollY;
+      scrollMargin = Math.round(element!.getBoundingClientRect().top + window.scrollY);
     });
     observer.observe(element.parentElement!);
     return () => observer.disconnect();
   });
 </script>
 
-<div bind:this={element} class={["relative", className]}>
-  <div style:height="{$virtualizer.getTotalSize()}px">
-    {#each $virtualizer.getVirtualItems() as virtualItem (virtualItem.key)}
-      <div
-        class="absolute left-0 top-0 w-full"
-        style:transform="translateY({virtualItem.start - scrollMargin}px)"
-        data-index={virtualItem.index}
-        use:measureItem
-      >
-        {@render item(virtualItem.index)}
-      </div>
-    {/each}
-  </div>
-  {#if placeholder && $virtualizer.getVirtualItems().length === 0}
-    {@render placeholder()}
-  {/if}
+<div
+  bind:this={element}
+  class={["relative", className]}
+  style:height="{$virtualizer.getTotalSize()}px"
+>
+  {#each $virtualizer.getVirtualItems() as virtualItem (virtualItem.key)}
+    <div
+      class="absolute left-0 top-0 w-full"
+      style:transform="translateY({virtualItem.start - scrollMargin}px)"
+      data-index={virtualItem.index}
+      use:measureItem
+    >
+      {@render item(virtualItem.index)}
+    </div>
+  {/each}
 </div>
+
+{#if placeholder && $virtualizer.getVirtualItems().length === 0}
+  {@render placeholder()}
+{/if}
diff --git a/src/lib/components/organisms/Gallery.svelte b/src/lib/components/organisms/Gallery.svelte
index dc9f157..f1a7eb3 100644
--- a/src/lib/components/organisms/Gallery.svelte
+++ b/src/lib/components/organisms/Gallery.svelte
@@ -49,11 +49,7 @@
 <RowVirtualizer
   count={rows.length}
   itemHeight={(index) =>
-    rows[index]!.type === "header"
-      ? 28
-      : Math.ceil(rows[index]!.files.length / 4) * 181 +
-        (Math.ceil(rows[index]!.files.length / 4) - 1) * 4 +
-        16}
+    rows[index]!.type === "header" ? 28 : 181 + (rows[index]!.isLast ? 16 : 4)}
   class="flex flex-grow flex-col"
 >
   {#snippet item(index)}