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