style: add card vignette and scanline texture to visuals containers

This commit is contained in:
James Smith
2026-04-13 21:05:08 +01:00
parent b5ae7fe472
commit 51c10144c7

View File

@@ -177,7 +177,7 @@
border: 1px solid rgba(74, 163, 255, 0.24);
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.04);
box-shadow: var(--shadow-sm), inset 0 0 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(5px);
}
@@ -1170,3 +1170,18 @@ textarea:focus {
font-size: var(--text-xs);
padding: var(--space-1) var(--space-2);
}
/* Visuals Container Base Styles */
.visuals-container {
position: relative;
}
.visuals-container::after {
content: '';
position: absolute;
inset: 0;
background: var(--scanline);
pointer-events: none;
z-index: 1;
border-radius: inherit;
}