From f652936d7867fba72b476de169de5e4b25bfaca5 Mon Sep 17 00:00:00 2001 From: Fringg Date: Mon, 2 Mar 2026 22:22:00 +0300 Subject: [PATCH] fix: tile noise texture instead of stretching on large screens Add background-size: 200px and background-repeat: repeat so the SVG noise pattern tiles at its native resolution instead of stretching across the entire viewport on high-res displays. --- src/styles/globals.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/styles/globals.css b/src/styles/globals.css index 8ad536d..3cc0f8c 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -258,6 +258,8 @@ z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); + background-size: 200px 200px; + background-repeat: repeat; opacity: 0.03; }