Add spacing around KPI separator

2026-01-23 13:40:46 +01:00
parent 4135deb110
commit 2729c3c713
1 changed files with 3 additions and 3 deletions
--- a/resources/js/admin/mobile/components/Primitives.tsx
+++ b/resources/js/admin/mobile/components/Primitives.tsx
@@ -237,7 +237,7 @@ export function KpiStrip({
            minWidth={150}
            maxWidth={220}
          >
-            <XStack alignItems="center" space="$1">
+            <XStack alignItems="center" space="$2">
              <Text
                fontSize={32}
                fontWeight="900"
@@ -247,8 +247,8 @@ export function KpiStrip({
              >
                {item.value}
              </Text>
-              <Separator vertical backgroundColor={separatorColor} height={32} />
-              <YStack alignItems="center" space="$0.5">
+              <Separator vertical backgroundColor={separatorColor} height={32} marginHorizontal="$1.5" />
+              <YStack alignItems="center" space="$0.5" paddingLeft="$0.5">
                <XStack
                  width={28}
                  height={28}