chahine/rebreak-monorepo
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(mail): revert marginBottom hack — layout was breaking out of card

Browse Source 
Mein letzter marginBottom:-28 Versuch hat den Donut-Wrapper Layout-Width
durcheinandergebracht — Donut ragte links aus der Card. Zurück zum
clean Layout ohne negative Margin. Kleine vertikale Asymmetrie zwischen
Donut-Center-Number und Legend-Mitte bleibt akzeptiert.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
chahinebrini 2026-05-14 01:02:56 +02:00
parent 778d3b6746
commit 1d93ada275
1 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
apps/rebreak-native/components/mail/MailDistributionChart.tsx
View File

@ -106,19 +106,12 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
gap: 20, gap: 20,
}} }}
> >
{/* Donut-Box ist visuell asymmetrisch (Bogen oben, Center-Number bei <HalfDonut
~70% der Box-Höhe). Negativer marginBottom zieht die effektive segments={segments}
Box hoch sodass alignItems:center die Legend gegenüber der centerValue={centerValue}
visuellen Donut-Mitte (Center-Number) zentriert statt gegen die centerLabel={centerLabel}
SVG-Bounding-Box-Mitte. */} width={DONUT_WIDTH}
<View style={{ marginBottom: -28 }}> />
<HalfDonut
segments={segments}
centerValue={centerValue}
centerLabel={centerLabel}
width={DONUT_WIDTH}
/>
</View>
<View style={{ gap: 6, flex: 1, minWidth: 0 }}> <View style={{ gap: 6, flex: 1, minWidth: 0 }}>
{slices.map((slice) => ( {slices.map((slice) => (
<LegendRow key={slice.label} slice={slice} colors={colors} /> <LegendRow key={slice.label} slice={slice} colors={colors} />