diff --git a/services/openwork-share/components/responsive-grain.tsx b/services/openwork-share/components/responsive-grain.tsx deleted file mode 100644 index 1623f2d42..000000000 --- a/services/openwork-share/components/responsive-grain.tsx +++ /dev/null @@ -1,57 +0,0 @@ -"use client"; - -import { GrainGradient } from "@paper-design/shaders-react"; -import { useEffect, useRef, useState } from "react"; - -interface ResponsiveGrainProps { - colors?: string[]; - colorBack?: string; - softness?: number; - intensity?: number; - noise?: number; - shape?: "blob" | "wave" | "dots" | "truchet" | "corners" | "ripple" | "sphere"; - speed?: number; - className?: string; -} - -export function ResponsiveGrain(props: ResponsiveGrainProps) { - const containerRef = useRef(null); - const [dimensions, setDimensions] = useState({ width: 0, height: 0 }); - - useEffect(() => { - if (!containerRef.current) return; - - const observer = new ResizeObserver((entries) => { - for (const entry of entries) { - setDimensions({ - width: entry.contentRect.width, - height: entry.contentRect.height - }); - } - }); - - observer.observe(containerRef.current); - return () => observer.disconnect(); - }, []); - - return ( -
- {dimensions.width > 0 && dimensions.height > 0 ? ( - - ) : null} -
- ); -} diff --git a/services/openwork-share/styles/globals.css b/services/openwork-share/styles/globals.css index 8c650aff1..4986cf655 100644 --- a/services/openwork-share/styles/globals.css +++ b/services/openwork-share/styles/globals.css @@ -52,13 +52,6 @@ body::before { display: none; } -.grain-background { - position: fixed; - inset: 0; - z-index: 0; - pointer-events: none; -} - .grain-container { position: absolute; inset: 0;