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

chore(mail): bump distribution donut to 240 + trim card padding

Browse Source 
User-Feedback: viel Top-Padding ungenutzt nachdem der Title raus ist.
DONUT_WIDTH 200 → 240. paddingTop 16 → 10, paddingBottom 16 → 12,
marginBottom der Live-Pill-Row 14 → 4. Visuell mehr Donut, weniger
leere Fläche.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
chahinebrini 2026-05-13 23:31:06 +02:00
parent c8a18baf75
commit 2e285beefd
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,7 +18,7 @@ const OTHER_COLOR = '#a3a3a3';
const MAX_LEGEND_ENTRIES = 3;
const DONUT_WIDTH = 200;
const DONUT_WIDTH = 240;
function formatCompact(n: number): string {
if (n < 1000) return n.toLocaleString();
@ -94,8 +94,8 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
borderWidth: 1,
borderColor: colors.border,
paddingHorizontal: 16,
paddingTop: 16,
paddingBottom: 16,
paddingTop: 10,
paddingBottom: 12,
}}
>
<View
@ -103,7 +103,7 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'flex-end',
marginBottom: 14,
marginBottom: 4,
}}
>
<View