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

2026-04-27 16:51:19 +08:00
parent 1e42cdd39e
commit 421807b56b
1 changed files with 4 additions and 10 deletions
@@ -746,14 +746,9 @@ 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"
+                            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())
@@ -883,7 +878,6 @@ export function GamePageClient({
                                        )
                                    })}
                            </div>
-                        </div>
                    )}
                </div>
            </motion.div>