diff --git a/app/InfiniteGrid.tsx b/app/InfiniteGrid.tsx index cc68ed2..691ddf0 100644 --- a/app/InfiniteGrid.tsx +++ b/app/InfiniteGrid.tsx @@ -15,6 +15,7 @@ import { import { setIsScrollingFast } from "./fetchEthscriptions"; import { Cell } from "./Cell"; import { useSearchParams } from "next/navigation"; +import styles from "./InfiniteGrid.module.css"; export const GRID_SIZE = 201; // Maintain a fixed size export const SCROLL_THRESHOLD = 1; // 1000 pixels per second @@ -217,6 +218,7 @@ const InfiniteGrid: React.FC = () => { onScroll={handleScroll} onItemsRendered={handleItemsRendered} itemData={{ originX, originY }} + className={styles.grid} > {Cell} diff --git a/app/globals.css b/app/globals.css index fd81e88..497ae7f 100644 --- a/app/globals.css +++ b/app/globals.css @@ -18,10 +18,7 @@ body { color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, + background: linear-gradient(to bottom, transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); + rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)); }