Change paddingTop to marginTop (#2367)
This commit is contained in:
@@ -50,8 +50,8 @@ export function EmojiPicker({close}: {close: () => void}) {
|
|||||||
textInputWebEmitter.emit('emoji-inserted', emoji)
|
textInputWebEmitter.emit('emoji-inserted', emoji)
|
||||||
close()
|
close()
|
||||||
}
|
}
|
||||||
const reducedPadding = useMediaQuery({query: '(max-height: 750px)'})
|
const reducedMargin = useMediaQuery({query: '(max-height: 750px)'})
|
||||||
const noPadding = useMediaQuery({query: '(max-height: 550px)'})
|
const noMargin = useMediaQuery({query: '(max-height: 550px)'})
|
||||||
const noPicker = useMediaQuery({query: '(max-height: 350px)'})
|
const noPicker = useMediaQuery({query: '(max-height: 350px)'})
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -67,7 +67,7 @@ export function EmojiPicker({close}: {close: () => void}) {
|
|||||||
style={[
|
style={[
|
||||||
styles.picker,
|
styles.picker,
|
||||||
{
|
{
|
||||||
paddingTop: noPadding ? 0 : reducedPadding ? 150 : 325,
|
marginTop: noMargin ? 0 : reducedMargin ? 150 : 325,
|
||||||
display: noPicker ? 'none' : 'flex',
|
display: noPicker ? 'none' : 'flex',
|
||||||
},
|
},
|
||||||
]}>
|
]}>
|
||||||
|
|||||||
Reference in New Issue
Block a user