사진 또는 동영상이 없을 때 홈 페이지의 레이아웃이 깨지는 버그 수정

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 }}

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>