fix(pitch-deck): regulatory matrix header alignment + labels
All checks were successful
Build pitch-deck / build-push-deploy (push) Successful in 1m4s
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 32s
CI / test-python-voice (push) Successful in 30s
CI / test-bqas (push) Successful in 32s

- Column headers: centered text labels instead of icons
- Remove colored dots from headers
- Last column: # → Reg. (Regulierungen)
- Consistent column width for last column

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-04-14 23:45:24 +02:00
parent 9166d9dade
commit f385c612f5

View File

@@ -103,19 +103,20 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
{/* Matrix Grid */}
<div className="space-y-1.5">
{/* Header row */}
<div className="grid items-center gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 50px' }}>
<div className="grid items-center gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
<div className="text-[9px] text-white/30 uppercase tracking-wider pl-1">
{lang === 'de' ? 'Branche' : 'Industry'}
</div>
{CATEGORIES.map((cat) => {
const CatIcon = cat.icon
return (
<div key={cat.id} className="flex justify-center">
<CatIcon className="w-3.5 h-3.5 opacity-50" style={{ color: cat.color }} />
</div>
)
})}
<div className="text-[9px] text-white/30 text-center">#</div>
{CATEGORIES.map((cat) => (
<div key={cat.id} className="text-center">
<span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
{categoryLabels[cat.id]}
</span>
</div>
))}
<div className="text-[8px] text-white/30 text-center font-semibold uppercase tracking-wider">
{lang === 'de' ? 'Reg.' : 'Regs'}
</div>
</div>
{/* Industry rows */}
@@ -125,7 +126,7 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
<div
key={industry.id}
className="grid items-center gap-1 py-1.5 rounded-lg hover:bg-white/[0.04] transition-colors"
style={{ gridTemplateColumns: '140px repeat(8, 1fr) 50px' }}
style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}
>
<div className="flex items-center gap-2 pl-1">
<Icon className="w-3.5 h-3.5 text-white/40" />