fix: grid layout in database view

alikia2x · Jul 11, 2024 · 815544e · 815544e
1 parent a9b1a3f
commit 815544e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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>