octo/tooot
octo
/
tooot
mirror of https://github.com/tooot-app/app
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix multiline alignment issue

This commit is contained in:
Zhiyuan Zheng 2021-05-23 22:53:06 +02:00
parent 0190b35b57
commit 61459cd2d2
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Input.tsx
View File

@ -110,7 +110,8 @@ const Input: React.FC<Props> = ({
styles.base, styles.base,
{ {
borderColor: theme.border, borderColor: theme.border,
flexDirection: multiline ? 'column' : 'row' flexDirection: multiline ? 'column' : 'row',
alignItems: 'stretch'
} }
]} ]}
> >
@ -153,7 +154,7 @@ const Input: React.FC<Props> = ({
{title} {title}
</Animated.Text> </Animated.Text>
) : null} ) : null}
<View style={{ flexDirection: 'row' }}> <View style={{ flexDirection: 'row', alignSelf: 'flex-end' }}>
{options?.maxLength && value?.length ? ( {options?.maxLength && value?.length ? (
<Text style={[styles.maxLength, { color: theme.secondary }]}> <Text style={[styles.maxLength, { color: theme.secondary }]}>
{value?.length} / {options.maxLength} {value?.length} / {options.maxLength}