avoid keyboard in settings modals

This commit is contained in:
balzack 2023-09-12 23:45:19 -07:00
parent 8c1eb824e7
commit e1351459fb
5 changed files with 224 additions and 219 deletions

View File

@ -37,7 +37,7 @@ export function useProfile() {
updateState({ imageWidth: width, imageHeight: width, detailWidth: width + 2 });
}
else {
updateState({ imageWidth: height, imageHeight, detailWidth: width + 2 });
updateState({ imageWidth: height, imageHeight: height, detailWidth: width + 2 });
}
}, [dimensions]);

View File

@ -331,6 +331,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideEditSeal}
>
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
<BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
<View style={styles.modalContainer}>
<View style={styles.modalClose}>
@ -497,6 +498,7 @@ export function Settings() {
)}
</View>
</BlurView>
</KeyboardAvoidingView>
</Modal>
<Modal
@ -506,6 +508,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideLogin}
>
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
<BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
<View style={styles.modalContainer}>
<View style={styles.modalClose}>
@ -559,6 +562,7 @@ export function Settings() {
</View>
</View>
</BlurView>
</KeyboardAvoidingView>
</Modal>
<Modal

View File

@ -269,7 +269,7 @@ export const styles = StyleSheet.create({
fontFamily: 'Roboto',
},
promptButton: {
marginTop: 8,
marginTop: 24,
marginBottom: 16,
borderRadius: 4,
backgroundColor: Colors.primaryButton,

1
todo
View File

@ -1,4 +1,5 @@
login after delete fails
rotate screen mangles profile
registry showing stale handle for unknown contact
show disabled notifications if node disabled
warn if federated hostname fails