diff options
Diffstat (limited to 'src/components/Dialog')
-rw-r--r-- | src/components/Dialog/index.tsx | 5 | ||||
-rw-r--r-- | src/components/Dialog/index.web.tsx | 21 |
2 files changed, 17 insertions, 9 deletions
diff --git a/src/components/Dialog/index.tsx b/src/components/Dialog/index.tsx index 8b43a85e4..c860c4dcf 100644 --- a/src/components/Dialog/index.tsx +++ b/src/components/Dialog/index.tsx @@ -267,7 +267,10 @@ export const ScrollableInner = React.forwardRef<ScrollView, DialogInnerProps>( export const InnerFlatList = React.forwardRef< ListMethods, - ListProps<any> & {webInnerStyle?: StyleProp<ViewStyle>} + ListProps<any> & { + webInnerStyle?: StyleProp<ViewStyle> + webInnerContentContainerStyle?: StyleProp<ViewStyle> + } >(function InnerFlatList({style, ...props}, ref) { const insets = useSafeAreaInsets() const {nativeSnapPoint, disableDrag, setDisableDrag} = useDialogContext() diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx index 43cb95b03..41a39ffda 100644 --- a/src/components/Dialog/index.web.tsx +++ b/src/components/Dialog/index.web.tsx @@ -210,21 +210,26 @@ export const ScrollableInner = Inner export const InnerFlatList = React.forwardRef< FlatList, - FlatListProps<any> & {label: string} & {webInnerStyle?: StyleProp<ViewStyle>} ->(function InnerFlatList({label, style, webInnerStyle, ...props}, ref) { + FlatListProps<any> & {label: string} & { + webInnerStyle?: StyleProp<ViewStyle> + webInnerContentContainerStyle?: StyleProp<ViewStyle> + } +>(function InnerFlatList( + {label, style, webInnerStyle, webInnerContentContainerStyle, ...props}, + ref, +) { const {gtMobile} = useBreakpoints() return ( <Inner label={label} style={[ + a.overflow_hidden, + a.px_0, // @ts-ignore web only -sfn - { - paddingHorizontal: 0, - maxHeight: 'calc(-36px + 100vh)', - overflow: 'hidden', - }, + {maxHeight: 'calc(-36px + 100vh)'}, webInnerStyle, - ]}> + ]} + contentContainerStyle={[a.px_0, webInnerContentContainerStyle]}> <FlatList ref={ref} style={[gtMobile ? a.px_2xl : a.px_xl, flatten(style)]} |