alikia2x/aquavox
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 5 Wiki Activity

fix: grid layout in database view

Browse Source
This commit is contained in:
alikia2x 2024-07-12 01:01:30 +08:00
parent a9b1a3f9cd
commit 815544ea4e
3 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/database/+page.svelte
View File

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

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

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

6
src/routes/database/submit/+page.svelte
View File

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