jeanmachine.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
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>
authored by
Ollie Hsieh
Paul Frazee
and committed by
GitHub
b00365c1
3ef7504f
+6
-4
+6
-4
src/view/com/modals/AltImage.tsx
+6
-4
src/view/com/modals/AltImage.tsx
···
12
12
import {useStores} from 'state/index'
13
13
import {isDesktopWeb} from 'platform/detection'
14
14
15
-
export const snapPoints = [330]
15
+
export const snapPoints = ['80%']
16
16
17
17
interface Props {
18
18
onAltTextSet: (altText?: string | undefined) => void
···
34
34
}
35
35
36
36
return (
37
-
<View testID="altTextImageModal" style={[pal.view, styles.container]}>
37
+
<View
38
+
testID="altTextImageModal"
39
+
style={[pal.view, styles.container, s.flex1]}>
38
40
<Text style={[styles.title, pal.text]}>Add alt text</Text>
39
41
<TextInput
40
42
testID="altTextImageInput"
···
73
75
const styles = StyleSheet.create({
74
76
container: {
75
77
gap: 18,
76
-
bottom: 0,
77
-
paddingVertical: 18,
78
+
paddingVertical: isDesktopWeb ? 0 : 18,
78
79
paddingHorizontal: isDesktopWeb ? 0 : 12,
80
+
height: '100%',
79
81
width: '100%',
80
82
},
81
83
title: {