fix(pitch-deck): chart label sizes + negative value positions
All checks were successful
Build pitch-deck / build-push-deploy (push) Successful in 1m16s
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 33s
CI / test-python-voice (push) Successful in 43s
CI / test-bqas (push) Successful in 44s

- Kunden labels: 7px → 11px (matching MRR)
- EBIT negative: moved from inside bar (mt-1) to above bar (-mt-4)
- Liquidität negative: same fix (-mt-4 for all values)
- grossMargin + nrr added to FinanzplanSlide KPIs

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-04-20 19:28:36 +02:00
parent ef7ec776eb
commit a2c5307713

View File

@@ -333,7 +333,7 @@ export default function FinanzplanSlide({ lang, investorId, preferredScenarioId,
</div>
{/* Kunden bar */}
<div className="w-8 bg-emerald-500/60 rounded-t transition-all" style={{ height: `${(d.cust / d.max_cust) * 150}px` }}>
<div className="text-[7px] text-white/70 text-center -mt-3">{d.cust}</div>
<div className="text-[11px] text-white/80 text-center -mt-4 whitespace-nowrap font-semibold">{d.cust}</div>
</div>
</div>
<span className="text-[10px] text-white/40">{d.year}</span>
@@ -367,7 +367,7 @@ export default function FinanzplanSlide({ lang, investorId, preferredScenarioId,
) : (
<div className="flex flex-col justify-end h-full">
<div className="bg-red-500/60 rounded-b w-full" style={{ height: `${h}px` }}>
<div className="text-[11px] text-red-300 text-center mt-1 whitespace-nowrap font-semibold">{Math.round(k.ebit/1000)}k</div>
<div className="text-[11px] text-red-300 text-center -mt-4 whitespace-nowrap font-semibold">{Math.round(k.ebit/1000)}k</div>
</div>
</div>
)}
@@ -417,7 +417,7 @@ export default function FinanzplanSlide({ lang, investorId, preferredScenarioId,
<div key={idx} className="flex flex-col items-center">
<div className="w-10 flex flex-col justify-end" style={{ height: '110px' }}>
<div className={`${d.val >= 0 ? 'bg-cyan-500/60 rounded-t' : 'bg-red-500/60 rounded-b'} w-full`} style={{ height: `${Math.max(h, 4)}px` }}>
<div className={`text-[11px] ${d.val >= 0 ? 'text-cyan-300 -mt-4' : 'text-red-300 mt-1'} text-center whitespace-nowrap font-semibold`}>{label}</div>
<div className={`text-[11px] ${d.val >= 0 ? 'text-cyan-300' : 'text-red-300'} text-center -mt-4 whitespace-nowrap font-semibold`}>{label}</div>
</div>
</div>
<span className="text-[10px] text-white/40 mt-1">{d.year}</span>