chore(mail): drop distribution chart title + bump donut width 168→200
User-Feedback: "verteilung nach postfach"-Title ist redundant (Donut + Legend sind selbsterklärend). Plus: Donut soll größer sein. - Title-Text entfernt in beiden Render-Pfaden (hero + non-hero) - Live-Pill rechts oben bleibt (justifyContent: 'flex-end') - DONUT_WIDTH 168 → 200 (Höhe skaliert proportional via HalfDonut-Aspect) - Animation läuft bereits über die shared HalfDonut-Komponente (1100ms Easing.out.cubic beim Mount/Value-Change) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
1dfb0c647c
commit
c8a18baf75
@ -18,7 +18,7 @@ const OTHER_COLOR = '#a3a3a3';
|
|||||||
|
|
||||||
const MAX_LEGEND_ENTRIES = 3;
|
const MAX_LEGEND_ENTRIES = 3;
|
||||||
|
|
||||||
const DONUT_WIDTH = 168;
|
const DONUT_WIDTH = 200;
|
||||||
|
|
||||||
function formatCompact(n: number): string {
|
function formatCompact(n: number): string {
|
||||||
if (n < 1000) return n.toLocaleString();
|
if (n < 1000) return n.toLocaleString();
|
||||||
@ -102,22 +102,10 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
|
|||||||
style={{
|
style={{
|
||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
|
justifyContent: 'flex-end',
|
||||||
marginBottom: 14,
|
marginBottom: 14,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Text
|
|
||||||
style={{
|
|
||||||
flex: 1,
|
|
||||||
fontSize: 13,
|
|
||||||
fontFamily: 'Nunito_700Bold',
|
|
||||||
color: colors.textMuted,
|
|
||||||
textTransform: 'uppercase',
|
|
||||||
letterSpacing: 0.7,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{t('mail.stats.distribution_heading')}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<View
|
<View
|
||||||
style={{
|
style={{
|
||||||
flexDirection: 'row',
|
flexDirection: 'row',
|
||||||
@ -178,19 +166,6 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
|
|||||||
paddingBottom: 14,
|
paddingBottom: 14,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Text
|
|
||||||
style={{
|
|
||||||
fontSize: 11,
|
|
||||||
fontFamily: 'Nunito_700Bold',
|
|
||||||
color: colors.textMuted,
|
|
||||||
textTransform: 'uppercase',
|
|
||||||
letterSpacing: 0.7,
|
|
||||||
marginBottom: 12,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{t('mail.stats.distribution_heading')}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 16 }}>
|
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 16 }}>
|
||||||
<HalfDonut
|
<HalfDonut
|
||||||
segments={segments}
|
segments={segments}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user