sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve visual grid overlay for smaller screens

Browse Source 
Adjust CSS for the grid overlay to be active only on mobile devices (max-width: 768px) and increase the opacity of the grid lines.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/JlONw6J
This commit is contained in:
sebastjanartic 2025-09-04 13:03:54 +00:00
parent df50e4d384
commit 4d31e42184
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
client/src/index.css
View File

@ -443,18 +443,20 @@ input[data-testid*="search"]::placeholder {
} }
} }
/* Test grid overlay */ /* Test grid overlay - aktivna za mobilne naprave */
body.show-grid::after { @media (max-width: 768px) {
content: ''; body::after {
position: fixed; content: '';
top: 0; position: fixed;
left: 0; top: 0;
width: 100%; left: 0;
height: 100%; width: 100%;
pointer-events: none; height: 100%;
z-index: 9999; pointer-events: none;
background-image: z-index: 9999;
linear-gradient(rgba(255, 0, 0, 0.2) 1px, transparent 1px), background-image:
linear-gradient(90deg, rgba(255, 0, 0, 0.2) 1px, transparent 1px); linear-gradient(rgba(255, 0, 0, 0.3) 1px, transparent 1px),
background-size: 20px 20px; linear-gradient(90deg, rgba(255, 0, 0, 0.3) 1px, transparent 1px);
background-size: 20px 20px;
}
} }