ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: showcase bg as outer frame, solid dark background for dashboard content

Browse Source
This commit is contained in:
Usman Baig
2026-03-21 20:50:21 +01:00
parent 39cd1c596c
commit af62532615
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/marketing/DashboardDemo.tsx
View File

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