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

[Clipclop] Input polish (#3819)

Browse source 
* tweak input styles + add min-shell mode

* android tweaks + hitslop
This commit is contained in:
Samuel Newman 2024-05-02 17:08:41 +01:00 • committed by GitHub
parent e977c99c96
commit bff055f618
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 109 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

79
src/screens/Messages/Conversation/MessageInput.web.tsx
View file

@ -45,47 +45,48 @@ export function MessageInput({
)
return (
<View
style={[
a.flex_row,
a.py_sm,
a.px_sm,
a.pl_md,
a.mt_sm,
t.atoms.bg_contrast_25,
{borderRadius: 23},
]}>
<TextareaAutosize
style={StyleSheet.flatten([
a.flex_1,
a.px_sm,
a.border_0,
t.atoms.text,
{
backgroundColor: 'transparent',
resize: 'none',
paddingTop: 6,
},
])}
maxRows={12}
placeholder={_(msg`Write a message`)}
defaultValue=""
value={message}
dirName="ltr"
autoFocus={true}
onChange={onChange}
onKeyDown={onKeyDown}
/>
<Pressable
accessibilityRole="button"
<View style={a.p_sm}>
<View
style={[
a.rounded_full,
a.align_center,
a.justify_center,
{height: 30, width: 30, backgroundColor: t.palette.primary_500},
a.flex_row,
a.py_sm,
a.px_sm,
a.pl_md,
t.atoms.bg_contrast_25,
{borderRadius: 23},
]}>
<PaperPlane fill={t.palette.white} />
</Pressable>
<TextareaAutosize
style={StyleSheet.flatten([
a.flex_1,
a.px_sm,
a.border_0,
t.atoms.text,
{
backgroundColor: 'transparent',
resize: 'none',
paddingTop: 4,
},
])}
maxRows={12}
placeholder={_(msg`Write a message`)}
defaultValue=""
value={message}
dirName="ltr"
autoFocus={true}
onChange={onChange}
onKeyDown={onKeyDown}
/>
<Pressable
accessibilityRole="button"
style={[
a.rounded_full,
a.align_center,
a.justify_center,
{height: 30, width: 30, backgroundColor: t.palette.primary_500},
]}>
<PaperPlane fill={t.palette.white} />
</Pressable>
</View>
</View>
)
}