zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Fix composer positioning

zio/stable
Paul Frazee 2022-11-16 14:33:01 -06:00
parent 5bb8751bc1
commit 92046473f8
1 changed files with 61 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/view/com/composer/ComposePost.tsx
View File

@ -2,6 +2,7 @@ import React, {useEffect, useMemo, useState} from 'react'
import { import {
ActivityIndicator, ActivityIndicator,
KeyboardAvoidingView, KeyboardAvoidingView,
SafeAreaView,
StyleSheet, StyleSheet,
Text, Text,
TextInput, TextInput,
@ -136,6 +137,7 @@ export function ComposePost({
return ( return (
<KeyboardAvoidingView behavior="padding" style={styles.outer}> <KeyboardAvoidingView behavior="padding" style={styles.outer}>
<SafeAreaView style={s.flex1}>
<View style={styles.topbar}> <View style={styles.topbar}>
<TouchableOpacity onPress={onPressCancel}> <TouchableOpacity onPress={onPressCancel}>
<Text style={[s.blue3, s.f16]}>Cancel</Text> <Text style={[s.blue3, s.f16]}>Cancel</Text>
@ -182,7 +184,8 @@ export function ComposePost({
style={styles.textInput}> style={styles.textInput}>
{textDecorated} {textDecorated}
</TextInput> </TextInput>
<View style={[s.flexRow, {alignItems: 'center'}, s.pt10, s.pb10, s.pr5]}> <View
style={[s.flexRow, {alignItems: 'center'}, s.pt10, s.pb10, s.pr5]}>
<View style={s.flex1} /> <View style={s.flex1} />
<Text style={[s.mr10, {color: progressColor}]}> <Text style={[s.mr10, {color: progressColor}]}>
{text.length} / {MAX_TEXT_LENGTH} {text.length} / {MAX_TEXT_LENGTH}
@ -199,6 +202,7 @@ export function ComposePost({
items={autocompleteOptions} items={autocompleteOptions}
onSelect={onSelectAutocompleteItem} onSelect={onSelectAutocompleteItem}
/> />
</SafeAreaView>
</KeyboardAvoidingView> </KeyboardAvoidingView>
) )
} }