fix(pitch-deck): regulatory matrix — remove legend, stagger headers
All checks were successful
Build pitch-deck / build-push-deploy (push) Successful in 1m1s
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-consent (push) Successful in 30s
CI / test-python-voice (push) Successful in 33s
CI / test-bqas (push) Successful in 29s
All checks were successful
Build pitch-deck / build-push-deploy (push) Successful in 1m1s
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-consent (push) Successful in 30s
CI / test-python-voice (push) Successful in 33s
CI / test-bqas (push) Successful in 29s
- Remove colored dot legend row (redundant with column headers) - Stagger column headers on 2 rows (odd/even) to save space - Last column: Reg. → Regulatorien Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -90,32 +90,37 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
|
|||||||
{/* Matrix */}
|
{/* Matrix */}
|
||||||
<FadeInView delay={0.5}>
|
<FadeInView delay={0.5}>
|
||||||
<GlassCard hover={false} className="p-4 overflow-x-auto">
|
<GlassCard hover={false} className="p-4 overflow-x-auto">
|
||||||
{/* Category Legend */}
|
|
||||||
<div className="flex flex-wrap gap-3 mb-4 justify-center">
|
|
||||||
{CATEGORIES.map((cat) => (
|
|
||||||
<div key={cat.id} className="flex items-center gap-1.5">
|
|
||||||
<div className="w-2.5 h-2.5 rounded-full" style={{ backgroundColor: cat.color }} />
|
|
||||||
<span className="text-[10px] text-white/50">{categoryLabels[cat.id]}</span>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Matrix Grid */}
|
{/* Matrix Grid */}
|
||||||
<div className="space-y-1.5">
|
<div className="space-y-1.5">
|
||||||
{/* Header row */}
|
{/* Staggered header rows — odd columns on top row, even on bottom */}
|
||||||
<div className="grid items-center gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
|
<div className="grid items-end gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
|
||||||
|
<div />
|
||||||
|
{CATEGORIES.map((cat, idx) => (
|
||||||
|
<div key={cat.id} className="text-center">
|
||||||
|
{idx % 2 === 0 ? (
|
||||||
|
<span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
|
||||||
|
{categoryLabels[cat.id]}
|
||||||
|
</span>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
<div />
|
||||||
|
</div>
|
||||||
|
<div className="grid items-start gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
|
||||||
<div className="text-[9px] text-white/30 uppercase tracking-wider pl-1">
|
<div className="text-[9px] text-white/30 uppercase tracking-wider pl-1">
|
||||||
{lang === 'de' ? 'Branche' : 'Industry'}
|
{lang === 'de' ? 'Branche' : 'Industry'}
|
||||||
</div>
|
</div>
|
||||||
{CATEGORIES.map((cat) => (
|
{CATEGORIES.map((cat, idx) => (
|
||||||
<div key={cat.id} className="text-center">
|
<div key={cat.id} className="text-center">
|
||||||
<span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
|
{idx % 2 === 1 ? (
|
||||||
{categoryLabels[cat.id]}
|
<span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
|
||||||
</span>
|
{categoryLabels[cat.id]}
|
||||||
|
</span>
|
||||||
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
<div className="text-[8px] text-white/30 text-center font-semibold uppercase tracking-wider">
|
<div className="text-[8px] text-white/30 text-center font-semibold uppercase tracking-wider">
|
||||||
{lang === 'de' ? 'Reg.' : 'Regs'}
|
{lang === 'de' ? 'Regulatorien' : 'Regulations'}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user