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

fix(native): Slot-Ringe kleiner+dicker+langsamer, 'Lückenloser Schutz'-Text raus

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
chahinebrini 2026-06-08 00:18:41 +02:00
parent e2e5a1003c
commit 227c30c3c9
2 changed files with 7 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/rebreak-native/app/devices.tsx
View File

@ -567,18 +567,8 @@ export default function DevicesScreen() {
}}
showsVerticalScrollIndicator={false}
>
{/* Subtitle + progress */}
<View style={{ gap: 8, marginBottom: -12 }}>
<Text
style={{
fontSize: 13,
color: colors.textMuted,
fontFamily: 'Nunito_400Regular',
lineHeight: 18,
}}
>
{subtitle}
</Text>
{/* Slot-Ringe */}
<View style={{ marginBottom: -4 }}>
<View style={{ flexDirection: 'row', gap: 12, marginTop: 4 }}>
<DeviceSlotDonut
count={mobileCount}

10
apps/rebreak-native/components/devices/DeviceSlotDonut.tsx
View File

@ -3,8 +3,8 @@ import { Animated, Easing, Text, View } from 'react-native';
import Svg, { Circle } from 'react-native-svg';
import { useColors } from '../../lib/theme';
const SIZE = 104;
const STROKE = 9;
const SIZE = 88;
const STROKE = 11;
const R = (SIZE - STROKE) / 2;
const C = 2 * Math.PI * R;
@ -36,7 +36,7 @@ export function DeviceSlotDonut({
const l = anim.addListener(({ value }) => setProgress(value));
Animated.timing(anim, {
toValue: 1,
duration: 950,
duration: 1400,
easing: Easing.out(Easing.cubic),
useNativeDriver: false,
}).start();
@ -82,9 +82,9 @@ export function DeviceSlotDonut({
justifyContent: 'center',
}}
>
<Text style={{ fontSize: 26, fontFamily: 'Nunito_900Black', color: colors.text, letterSpacing: -0.5 }}>
<Text style={{ fontSize: 22, fontFamily: 'Nunito_900Black', color: colors.text, letterSpacing: -0.5 }}>
{count}
<Text style={{ fontSize: 14, fontFamily: 'Nunito_700Bold', color: colors.textMuted }}>
<Text style={{ fontSize: 12, fontFamily: 'Nunito_700Bold', color: colors.textMuted }}>
/{max}
</Text>
</Text>