diff options
| -rw-r--r-- | src/components/Dialog/index.web.tsx | 16 | ||||
| -rw-r--r-- | src/components/dialogs/GifSelect.tsx | 6 |
2 files changed, 19 insertions, 3 deletions
diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx index d00d2d832..a086955db 100644 --- a/src/components/Dialog/index.web.tsx +++ b/src/components/Dialog/index.web.tsx @@ -199,11 +199,23 @@ export const ScrollableInner = Inner export function InnerFlatList({ label, + style, ...props }: FlatListProps<any> & {label: string}) { + const {gtMobile} = useBreakpoints() return ( - <Inner label={label}> - <FlatList {...props} /> + <Inner + label={label} + // @ts-ignore web only -sfn + style={{ + paddingHorizontal: 0, + maxHeight: 'calc(-36px + 100vh)', + overflow: 'hidden', + }}> + <FlatList + style={[gtMobile ? a.px_2xl : a.px_xl, flatten(style)]} + {...props} + /> </Inner> ) } diff --git a/src/components/dialogs/GifSelect.tsx b/src/components/dialogs/GifSelect.tsx index c8897da36..baff31168 100644 --- a/src/components/dialogs/GifSelect.tsx +++ b/src/components/dialogs/GifSelect.tsx @@ -147,7 +147,11 @@ function GifList({ <View style={[ a.absolute, - {top: 0, left: 0, right: 0, height: '50%'}, + a.inset_0, + { + borderBottomLeftRadius: 8, + borderBottomRightRadius: 8, + }, t.atoms.bg, ]} /> |