Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix intelligence grid

Browse Source
This commit is contained in:
Aravind R
2026-06-05 16:17:46 +05:30
parent 7fb97a9ca6
commit 2f23f16634
8 changed files with 83 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/optimization/OptimizationSection.tsx
View File

@@ -451,13 +451,18 @@ const styles = `
/* ===== FLOATING CARD — the only colored surface ===== */
.dm-opt-card {
position: absolute !important;
top: 96px !important;
/* 20px top inset to match the Workflow 2 / 3 connected cards (.dm-lb-card /
.dm-st-card), so the gap above Workflow 1 (between the Control Tower stats
bar and this card) is the same small, consistent seam used at every other
workflow transition — not the old oversized 96px band. The header below is
offset on its own to clear the fixed navbar (see .dm-opt-head). */
top: 20px !important;
left: 20px !important;
right: 20px !important;
bottom: 0 !important;
/* flat bottom + flush to container so the Performance card butts directly
against it, reading as one continuous container (home-page technique) */
border-radius: 42px 42px 0 0 !important;
border-radius: 28px 28px 0 0 !important;
overflow: hidden !important;
// background: linear-gradient(165deg, #06101f 0%, #020617 35%, #040d1c 70%, #030a18 100%) !important;
// border: 0px solid ${rgba("#ffffff", 0.08)} !important;
@@ -499,20 +504,20 @@ const styles = `
@media (max-width: 1024px) {
.dm-opt-card {
top: 96px !important;
top: 20px !important;
left: 20px !important;
right: 20px !important;
bottom: 0 !important;
border-radius: 42px 42px 0 0 !important;
border-radius: 28px 28px 0 0 !important;
}
}
@media (max-width: 767px) {
.dm-opt-card {
top: 86px !important;
top: 10px !important;
left: 10px !important;
right: 10px !important;
bottom: 0 !important;
border-radius: 28px 28px 0 0 !important;
border-radius: 20px 20px 0 0 !important;
}
}
@@ -608,7 +613,13 @@ const styles = `
/* ===== HEADER — compact, no dead space ===== */
.dm-opt-head {
position: absolute; top: clamp(18px, 3vh, 36px); left: 50%;
/* Offset below the site's fixed navbar (~104px desktop / ~100px mobile when
.dm-header-scrolled is active). The card now sits at top:20px (was 96px), so
the navbar clearance lives here on the header itself — mirroring how the
Workflow 2 / 3 sections offset their inner header while the card stays at 20px.
This keeps the eyebrow/title clear of the navbar (z-index 10000) without
re-introducing the oversized top gap above Workflow 1. */
position: absolute; top: clamp(96px, 12vh, 116px); left: 50%;
transform: translateX(-50%); width: min(640px, 90vw); text-align: center;
}
.dm-opt-eyebrow {