From cdb652cacfd715f869fbaff145b5f45f7cdba737 Mon Sep 17 00:00:00 2001
From: static <kmc7468@naver.com>
Date: Mon, 29 Dec 2025 19:43:25 +0900
Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=A7=84=20=EB=98=90=EB=8A=94=20?=
 =?UTF-8?q?=EB=8F=99=EC=98=81=EC=83=81=EC=9D=B4=20=EC=97=86=EC=9D=84=20?=
 =?UTF-8?q?=EB=95=8C=20=ED=99=88=20=ED=8E=98=EC=9D=B4=EC=A7=80=EC=9D=98=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=EC=9D=B4=20=EA=B9=A8?=
 =?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

---
 src/lib/components/organisms/Gallery.svelte |  4 ++--
 src/routes/(main)/home/+page.svelte         | 14 ++++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/organisms/Gallery.svelte b/src/lib/components/organisms/Gallery.svelte
index 971fb58..1fcb4ff 100644
--- a/src/lib/components/organisms/Gallery.svelte
+++ b/src/lib/components/organisms/Gallery.svelte
@@ -100,7 +100,7 @@
   count={rows.length}
   itemHeight={(index) =>
     rows[index]!.type === "header"
-      ? 32
+      ? 28
       : Math.ceil(rows[index]!.items.length / 4) * 181 +
         (Math.ceil(rows[index]!.items.length / 4) - 1) * 4 +
         16}
@@ -109,7 +109,7 @@
   {#snippet item(index)}
     {@const row = rows[index]!}
     {#if row.type === "header"}
-      <p class="pb-2 font-medium">{row.label}</p>
+      <p class="pb-2 text-sm font-medium">{row.label}</p>
     {:else}
       <div class={["grid grid-cols-4 gap-x-1", row.isLast ? "pb-4" : "pb-1"]}>
         {#each row.items as { info }}
diff --git a/src/routes/(main)/home/+page.svelte b/src/routes/(main)/home/+page.svelte
index 3ee05bb..0ace1ab 100644
--- a/src/routes/(main)/home/+page.svelte
+++ b/src/routes/(main)/home/+page.svelte
@@ -21,14 +21,16 @@
 
 <div class="min-h-full space-y-4 bg-gray-100 px-4 pb-[5.5em] pt-4">
   <p class="px-2 text-2xl font-bold text-gray-800">ArkVault</p>
-  <div class="space-y-2 rounded-xl bg-white px-2 pb-4 pt-2">
+  <div class="rounded-xl bg-white p-2">
     <EntryButton onclick={() => goto("/gallery")} class="w-full">
       <p class="text-left font-semibold">사진 및 동영상</p>
     </EntryButton>
-    <div class="grid grid-cols-4 gap-2 px-2">
-      {#each mediaFiles as file}
-        <FileThumbnailButton info={file} onclick={({ id }) => goto(`/file/${id}`)} />
-      {/each}
-    </div>
+    {#if mediaFiles.length > 0}
+      <div class="grid grid-cols-4 gap-2 p-2">
+        {#each mediaFiles as file}
+          <FileThumbnailButton info={file} onclick={({ id }) => goto(`/file/${id}`)} />
+        {/each}
+      </div>
+    {/if}
   </div>
 </div>