grid

kinara-ai · Mar 26, 2024 · 1de4d82 · 1de4d82
1 parent be3c0c1
commit 1de4d82
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/grideffect/GridEffect.tsx b/src/grideffect/GridEffect.tsx
@@ -20,6 +20,7 @@ export function GridCell({ isHovered }: { isHovered: boolean }) {
 export function Grid({ rows }: { rows: number }) {
   const cellRefs = useRef<Array<HTMLDivElement | null>>([]);
   const [hoveredCell, setHoveredCell] = useState<number | null>(null);
+  const gridHeight = 100 * (rows+0.5);
 
   const handleMouseMove = (e: MouseEvent) => {
     const foundCell = cellRefs.current.find((currentCell) => {
@@ -57,7 +58,7 @@ export function Grid({ rows }: { rows: number }) {
         ))}
       </div>
       {/* set pointer events to none */}
-      <div className="pointer-events-none absolute left-0 top-0 z-[-1] size-full h-screen bg-gradient-to-b from-transparent to-white">
+      <div className={"pointer-events-none absolute left-0 top-0 z-[-1] size-full bg-gradient-to-b from-transparent via-white to-white"} style={{ height: gridHeight }}>
       </div>
     </>
   );

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -14,7 +14,7 @@ import { Logo } from '../templates/Logo';
 const MyApp = ({ Component, pageProps }: AppProps) => (
   <div>
     <Background color="">
-      <Grid rows={9} />
+      <Grid rows={8} />
       <Section yPadding="py-6">
         <NavbarTwoColumns logo={<Logo xl />}>
           <li>