style(select-field): dismiss button padding (#168 by @frankcalise)

infinitered · Jul 3, 2024 · e743047 · e743047
1 parent 10f7017
commit e743047
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/docs/recipes/SelectFieldWithBottomSheet.mdx b/docs/recipes/SelectFieldWithBottomSheet.mdx
@@ -465,7 +465,7 @@ export const SelectField = forwardRef(function SelectField(
         }
       >
         <BottomSheetFlatList
-          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}
+          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 0) }}
           data={options}
           keyExtractor={(o) => o.value}
           renderItem={({ item, index }) => (
@@ -485,6 +485,7 @@ export const SelectField = forwardRef(function SelectField(
 // success-line-start
 const $bottomSheetFooter: ViewStyle = {
   paddingHorizontal: spacing.lg,
+  paddingBottom: spacing.xs,
 };
 
 const $listItem: ViewStyle = {
@@ -633,7 +634,7 @@ export const SelectField = forwardRef(function SelectField(
         }
       >
         <BottomSheetFlatList
-          style={{ marginBottom: bottom + (multiple ? 56 : 0) }}
+          style={{ marginBottom: bottom + (multiple ? spacing.xl * 2 : 0) }}
           data={options}
           keyExtractor={(o) => o.value}
           renderItem={({ item, index }) => (
@@ -656,6 +657,7 @@ export const SelectField = forwardRef(function SelectField(
 
 const $bottomSheetFooter: ViewStyle = {
   paddingHorizontal: spacing.lg,
+  paddingBottom: spacing.xs,
 };
 
 const $listItem: ViewStyle = {