From 815544ea4eb9ac032273b438c776d1150b980e24 Mon Sep 17 00:00:00 2001
From: alikia2x <ziwen243@outlook.com>
Date: Fri, 12 Jul 2024 01:01:30 +0800
Subject: [PATCH] fix: grid layout in database view

---
 src/routes/database/+page.svelte           | 6 ++++--
 src/routes/database/edit/[id]/+page.svelte | 2 +-
 src/routes/database/submit/+page.svelte    | 6 +-----
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/routes/database/+page.svelte b/src/routes/database/+page.svelte
index 58ea7bb..435e58f 100644
--- a/src/routes/database/+page.svelte
+++ b/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
diff --git a/src/routes/database/edit/[id]/+page.svelte b/src/routes/database/edit/[id]/+page.svelte
index e04adab..c726eec 100644
--- a/src/routes/database/edit/[id]/+page.svelte
+++ b/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
diff --git a/src/routes/database/submit/+page.svelte b/src/routes/database/submit/+page.svelte
index 687a31e..2305f44 100644
--- a/src/routes/database/submit/+page.svelte
+++ b/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>