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

style(collections): Hover state & scaling games grid properly

Browse Source
This commit is contained in:
Aden Lindsay
2025-01-28 19:23:24 +10:30
committed by GitHub
parent d167780562
commit dce116b66f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/library/collection/[id]/index.vue
View File

@ -4,7 +4,7 @@
<div class="flex items-center gap-x-3 mb-4"> <div class="flex items-center gap-x-3 mb-4">
<NuxtLink <NuxtLink
to="/library" to="/library"
class="transition text-sm/6 font-semibold text-zinc-400 hover:text-zinc-100 inline-flex gap-x-2 items-center" class="transition text-sm/6 font-semibold text-zinc-400 hover:text-zinc-100 inline-flex gap-x-2 items-center duration-200 hover:scale-105"
> >
<ArrowLeftIcon class="h-4 w-4" aria-hidden="true" /> <ArrowLeftIcon class="h-4 w-4" aria-hidden="true" />
Back to Collections Back to Collections
@ -20,7 +20,7 @@
<!-- Games grid --> <!-- Games grid -->
<div <div
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4" class="mt-4 flex flex-row gap-4 flex-wrap justify-center sm:justify-start"
> >
<GamePanel <GamePanel
v-for="entry in collection?.entries" v-for="entry in collection?.entries"