Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-16 09:41:13 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: collection creation & overview hover styles

Browse Source
This commit is contained in:
DecDuck
2025-01-28 17:01:34 +11:00
parent 42ebbf2922
commit 6317ad2657
6 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/library/game/[id]/index.vue
View File

@ -64,7 +64,7 @@
</div>
</div>
<div class="min-h-[20vh]" />
<div class="min-h-[300px]" />
</div>
</template>

6
pages/library/index.vue
View File

@ -19,7 +19,7 @@
<div
v-for="collection in collections"
:key="collection.id"
class="group flex flex-row rounded-lg overflow-hidden transition-all duration-200 text-left w-full"
class="group flex flex-row rounded-lg overflow-hidden transition-all duration-200 text-left w-full hover:scale-105"
>
<NuxtLink
class="grow p-4 bg-zinc-800/50 hover:bg-zinc-800"
@ -36,9 +36,9 @@
<!-- Delete button (only show for non-default collections) -->
<button
@click="() => (currentlyDeleting = collection)"
class="px-3 ml-[2px] bg-zinc-800/50 hover:bg-zinc-800"
class="px-3 ml-[2px] bg-zinc-800/50 hover:bg-zinc-800 group"
>
<TrashIcon class="h-5 w-5 text-zinc-400 hover:text-red-400" />
<TrashIcon class="transition-all size-5 text-zinc-400 group-hover:text-red-400 group-hover:rotate-[8deg]" />
</button>
</div>