From 421807b56b2bd2d335c8c3cb2c556e3760e70d51 Mon Sep 17 00:00:00 2001
From: Adrian Bonpin <adrianbonpin@gmail.com>
Date: Mon, 27 Apr 2026 16:51:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20remove=20gradient=20fade=20edges=20from?=
 =?UTF-8?q?=20preset=20scroll=20=E2=80=94=20cleaner=20horizontal=20list?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/game/[id]/game-page-client.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/app/game/[id]/game-page-client.tsx b/app/game/[id]/game-page-client.tsx
index 70620c3..906d2f1 100644
--- a/app/game/[id]/game-page-client.tsx
+++ b/app/game/[id]/game-page-client.tsx
@@ -746,15 +746,10 @@ export function GamePageClient({
                             </p>
                         </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
-                                ref={presetsRef}
-                                className="flex gap-4 overflow-x-auto scrollbar-hide pb-4"
-                            >
+                        <div
+                            ref={presetsRef}
+                            className="flex gap-4 overflow-x-auto scrollbar-hide pb-4 px-1"
+                        >
                                 {[...filteredPresets]
                                     .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
                                     .map((preset) => {
@@ -883,7 +878,6 @@ export function GamePageClient({
                                         )
                                     })}
                             </div>
-                        </div>
                     )}
                 </div>
             </motion.div>