diff options
| author | Ollie Hsieh <renahlee@outlook.com> | 2023-04-25 11:34:06 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-25 13:34:06 -0500 |
| commit | b00365c196ba4709f90e9d90b0f8757248c0189e (patch) | |
| tree | 53cf65e0b9e18d7ad2322817e229f5cc42c1f053 /src | |
| parent | 3ef7504f9117bd0986744a080931e8fabb1907eb (diff) | |
| download | voidsky-b00365c196ba4709f90e9d90b0f8757248c0189e.tar.zst | |
Prevent keyboard from blocking alt image modal (#531)
* Prevent keyboard from blocking alt image modal * Tune padding of altimage modal on desktop web --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/modals/AltImage.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/view/com/modals/AltImage.tsx b/src/view/com/modals/AltImage.tsx index 987df1462..e6e2ed831 100644 --- a/src/view/com/modals/AltImage.tsx +++ b/src/view/com/modals/AltImage.tsx @@ -12,7 +12,7 @@ import LinearGradient from 'react-native-linear-gradient' import {useStores} from 'state/index' import {isDesktopWeb} from 'platform/detection' -export const snapPoints = [330] +export const snapPoints = ['80%'] interface Props { onAltTextSet: (altText?: string | undefined) => void @@ -34,7 +34,9 @@ export function Component({onAltTextSet}: Props) { } return ( - <View testID="altTextImageModal" style={[pal.view, styles.container]}> + <View + testID="altTextImageModal" + style={[pal.view, styles.container, s.flex1]}> <Text style={[styles.title, pal.text]}>Add alt text</Text> <TextInput testID="altTextImageInput" @@ -73,9 +75,9 @@ export function Component({onAltTextSet}: Props) { const styles = StyleSheet.create({ container: { gap: 18, - bottom: 0, - paddingVertical: 18, + paddingVertical: isDesktopWeb ? 0 : 18, paddingHorizontal: isDesktopWeb ? 0 : 12, + height: '100%', width: '100%', }, title: { |