adrianbonpin/deckyvault
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: remove gradient fade edges from preset scroll — cleaner horizontal list

Browse Source
This commit is contained in:
adrianbonpin
2026-04-27 16:51:19 +08:00
parent 1e42cdd39e
commit 421807b56b
1 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/game/[id]/game-page-client.tsx
+1 -7
View File
@@ -746,14 +746,9 @@ export function GamePageClient({
</p> </p>
</div> </div>
) : ( ) : (
<div className="relative">
{/* Left fade edge */}
<div className="pointer-events-none absolute left-0 top-0 bottom-4 w-12 z-10 bg-gradient-to-r from-background to-transparent" />
{/* Right fade edge */}
<div className="pointer-events-none absolute right-0 top-0 bottom-4 w-12 z-10 bg-gradient-to-l from-background to-transparent" />
<div <div
ref={presetsRef} ref={presetsRef}
className="flex gap-4 overflow-x-auto scrollbar-hide pb-4" className="flex gap-4 overflow-x-auto scrollbar-hide pb-4 px-1"
> >
{[...filteredPresets] {[...filteredPresets]
.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()) .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
@@ -883,7 +878,6 @@ export function GamePageClient({
) )
})} })}
</div> </div>
</div>
)} )}
</div> </div>
</motion.div> </motion.div>