Hide debug

src/components/portfolio/PortfolioGallery.tsx

@@ -31,6 +31,7 @@ export default function PortfolioGallery({
   const [items, setItems] = useState<PortfolioArtworkItem[]>([]);
   const [done, setDone] = useState(false);
   const [loading, setLoading] = useState(false);
+  const showScreenDebug = false;
   const [screen, setScreen] = useState<{
     width: number;
     height: number;
@@ -86,6 +87,8 @@ export default function PortfolioGallery({
   }, [loadMore]);
 
   useEffect(() => {
+    if (!showScreenDebug) return;
+
     const update = () => {
       setScreen({
         width: window.innerWidth,
@@ -135,7 +138,7 @@ export default function PortfolioGallery({
 
   return (
     <div className="relative w-full">
-      {screen ? (
+      {showScreenDebug && screen ? (
         <div className="pointer-events-none absolute right-2 top-2 z-10 rounded border border-border/60 bg-background/80 px-2 py-1 text-[11px] font-mono text-muted-foreground shadow-sm">
           Screen {screen.width} × {screen.height} · {screen.dpr}x
         </div>