fix: inconsistent UI

paolojulian · Jul 28, 2024 · ad5d0e8 · ad5d0e8
1 parent 2df6c6b
commit ad5d0e8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 11 deletions.
diff --git a/app/add.tsx b/app/add.tsx
@@ -37,11 +37,11 @@ export default function AddScreen() {
   };
 
   return (
-    <AppSafeAreaView>
-      <KeyboardAvoidingView
-        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-        style={styles.container}
-      >
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      style={styles.container}
+    >
+      <AppSafeAreaView edges={['top']}>
         <ThemedView style={styles.main}>
           <Container>
             <ThemedView style={styles.header}>
@@ -63,8 +63,8 @@ export default function AddScreen() {
             <AddFactory type={selectedItem} />
           </ThemedView>
         </ThemedView>
-      </KeyboardAvoidingView>
-    </AppSafeAreaView>
+      </AppSafeAreaView>
+    </KeyboardAvoidingView>
   );
 }
 

diff --git a/components/common/BentoCard/ItemValueBentoCard.tsx b/components/common/BentoCard/ItemValueBentoCard.tsx
@@ -15,7 +15,7 @@ function ItemValueBentoCard({ value, label }: ItemValueBentoCardProps) {
     typeof label === 'string' ? <ThemedText variant="body">{label}</ThemedText> : label;
   return (
     <BentoCard>
-      <Stack style={{ aspectRatio: '1/1', alignItems: 'center', justifyContent: 'space-between' }}>
+      <Stack style={{ aspectRatio: 1, alignItems: 'center', justifyContent: 'flex-end' }}>
         {ValueComponent}
         {LabelComponent}
       </Stack>

diff --git a/components/common/ThemedText/ThemedText.tsx b/components/common/ThemedText/ThemedText.tsx
@@ -33,21 +33,22 @@ export const themedTextStyles = StyleSheet.create({
     fontSize: 48,
     fontWeight: 800,
     fontFamily: 'PoppinsBold',
+    lineHeight: 56,
   },
   body: {
     fontSize: 14,
     fontFamily: 'PoppinsRegular',
-    lineHeight: 21,
+    lineHeight: 20,
   },
   body1: {
     fontSize: 16,
     fontFamily: 'PoppinsRegular',
-    lineHeight: 25,
+    lineHeight: 24,
   },
   body2: {
     fontSize: 16,
     fontWeight: 500,
     fontFamily: 'PoppinsMedium',
-    lineHeight: 25,
+    lineHeight: 24,
   },
 });