fix: move showcase bg to outer container, increase overlay opacity for card contrast

This commit is contained in:
Usman Baig
2026-03-21 20:46:16 +01:00
parent 941782efe1
commit 39cd1c596c

View File

@@ -179,12 +179,12 @@ export default function DashboardDemo() {
{/* Orange glow behind */}
<div className="absolute -inset-8 bg-brand-orange/8 rounded-[2.5rem] blur-3xl" />
{/* Dashboard content */}
{/* Outer container with showcase bg */}
<div className="relative rounded-3xl border border-white/[0.08] overflow-hidden">
<img src="/pulse-showcase-bg.png" alt="" className="absolute inset-0 w-full h-full object-cover" />
<div className="absolute inset-0 bg-black/30" />
<div className="absolute inset-0 bg-black/50" />
<div className="relative p-4 sm:p-6">
<div className="relative p-4 sm:p-6 lg:p-8">
{/* Dashboard header */}
<div className="flex items-center justify-between mb-6">
<div className="flex items-center gap-4">