fix: grid layout in database view

src/routes/database/+page.svelte

@@ -31,11 +31,13 @@
         >
     </div>
 
-    <div class="grid">
+    <div class="grid mb-32" style="grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+            justify-content: space-between;
+            gap: 2rem 1rem;">
         {#each songList as song}
             <a
                 class="relative w-56 h-56 bg-zinc-300 dark:bg-zinc-600 rounded-lg overflow-hidden
-            shadow-lg cursor-pointer"
+            shadow-lg cursor-pointer justify-self-center"
                 href={song.url}
             >
                 <div

src/routes/database/edit/[id]/+page.svelte

@@ -30,7 +30,7 @@
 <textarea bind:value={editingData} class="dark:bg-zinc-600 w-full min-h-[30rem] mt-6" />
 
 <button
-    class="mt-4 h-12 w-24 border-black dark:border-white border-2 flex items-center justify-center rounded-lg"
+    class="mt-4 mb-32 h-12 w-24 border-black dark:border-white border-2 flex items-center justify-center rounded-lg"
     on:click={() => {
         submit();
     }}>提交</button

src/routes/database/submit/+page.svelte

@@ -50,12 +50,8 @@
 <textarea bind:value={editingData} class="dark:bg-zinc-600 w-full min-h-[36rem] mt-6" />
 
 <button
-    class="mt-4 h-12 w-24 border-black dark:border-white border-2 flex items-center justify-center rounded-lg"
+    class="mt-4 mb-32 h-12 w-24 border-black dark:border-white border-2 flex items-center justify-center rounded-lg"
     on:click={() => {
         submit();
     }}>提交</button
 >
-
-<div class="relative h-[50vh]">
-
-</div>