update time picker styles

margelo · Sep 4, 2023 · 2f7de91 · 2f7de91
1 parent ce90d1b
commit 2f7de91
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/TimePicker.js b/src/components/TimePicker.js
@@ -339,7 +339,7 @@ function TimePicker({forwardedRef, value, errorText, onInputChange}) {
             <View style={[styles.flex1, styles.w100, styles.alignItemsCenter, styles.justifyContentCenter]}>
                 <View
                     nativeID={AMOUNT_VIEW_ID}
-                    style={[styles.flexRow, styles.w100, styles.alignItemsCenter, styles.justifyContentCenter]}
+                    style={[styles.flexRow, styles.w100, styles.alignItemsCenter, styles.justifyContentCenter, styles.timePickerInputsContainer]}
                 >
                     <AmountTextInput
                         formattedAmount={hours}

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -3913,6 +3913,7 @@ const styles = {
     },
     timePickerSemiDot: {
         fontSize: 69,
+        height: 84,
     },
     timePickerSwitcherContainer: {
         flexDirection: 'row',
@@ -3945,8 +3946,11 @@ const styles = {
         fontSize: 50,
     },
     setTimeFormButtonContainer: {
-      minHeight: 54
-    }
+        minHeight: 54,
+    },
+    timePickerInputsContainer: {
+        maxHeight: 70,
+    },
 };
 
 export default styles;