Add a visual overlay to the application interface

Add a CSS pseudo-element to `client/src/index.css` to create a fixed, full-screen overlay with a repeating gradient pattern, potentially for debugging or visual feedback.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Sy6XHzr
This commit is contained in:
sebastjanartic 2025-08-30 16:39:55 +00:00
parent 4a0b1dde6d
commit 545523aa6e

View File

@ -66,6 +66,22 @@
color: hsl(210, 40%, 98%);
min-height: 100vh;
}
body::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 9999;
background-image:
linear-gradient(rgba(255, 0, 0, 0.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 0, 0, 0.3) 1px, transparent 1px);
background-size: 20px 20px;
opacity: 1;
}
}
@layer utilities {