feat: US-014 - Responsive verification and fixes across breakpoints
- Fix grid overflow at mobile: add minWidth:0 + overflow:hidden to Card - Scale ParentSection h2 responsively (1.5rem mobile → 2.4rem desktop) - Make KPI grid single-column below 480px, 2-column above - Fix SubNav alignment: left-aligned on mobile, centered on md+ - Fix SubNav tileIds to match restructured dashboard sections - Add data-tile-id anchors to experience/skills/education subsections
This commit is contained in:
@@ -392,12 +392,18 @@ export function DashboardLayout() {
|
||||
|
||||
{/* Two-column experience/skills grid */}
|
||||
<div className="pathway-columns" style={{ marginTop: '24px' }}>
|
||||
<WorkExperienceSubsection onNodeHighlight={handleNodeHighlight} />
|
||||
<RepeatMedicationsSubsection onNodeHighlight={handleNodeHighlight} />
|
||||
<div data-tile-id="section-experience">
|
||||
<WorkExperienceSubsection onNodeHighlight={handleNodeHighlight} />
|
||||
</div>
|
||||
<div data-tile-id="section-skills">
|
||||
<RepeatMedicationsSubsection onNodeHighlight={handleNodeHighlight} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Education subsection */}
|
||||
<EducationSubsection />
|
||||
<div data-tile-id="section-education">
|
||||
<EducationSubsection />
|
||||
</div>
|
||||
</ParentSection>
|
||||
</div>
|
||||
</motion.main>
|
||||
|
||||
Reference in New Issue
Block a user