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