acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Get rid of that pesky padding

Browse Source
This commit is contained in:
Eric Bailey
2023-12-29 10:21:09 -06:00
parent 191f5c5607
commit 268e2f7663
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/view/com/composer/text-input/web/EmojiPicker.web.tsx
+8 -6
View File
@@ -50,9 +50,9 @@ export function EmojiPicker({close}: {close: () => void}) {
textInputWebEmitter.emit('emoji-inserted', emoji) textInputWebEmitter.emit('emoji-inserted', emoji)
close() close()
} }
const reducedMargin = useMediaQuery({query: '(max-height: 750px)'}) const screenMedium = useMediaQuery({query: '(max-height: 750px)'})
const noMargin = useMediaQuery({query: '(max-height: 550px)'}) const screenShort = useMediaQuery({query: '(max-height: 550px)'})
const noPicker = useMediaQuery({query: '(max-height: 350px)'}) const screenTiny = useMediaQuery({query: '(max-height: 350px)'})
return ( return (
// eslint-disable-next-line react-native-a11y/has-valid-accessibility-descriptors // eslint-disable-next-line react-native-a11y/has-valid-accessibility-descriptors
@@ -67,8 +67,11 @@ export function EmojiPicker({close}: {close: () => void}) {
style={[ style={[
styles.picker, styles.picker,
{ {
marginTop: noMargin ? 0 : reducedMargin ? 150 : 325, transform: [
display: noPicker ? 'none' : 'flex', {translateX: -25},
{translateY: screenShort ? 0 : screenMedium ? 150 : 325},
],
display: screenTiny ? 'none' : 'flex',
}, },
]}> ]}>
<Picker <Picker
@@ -105,6 +108,5 @@ const styles = StyleSheet.create({
}, },
picker: { picker: {
marginHorizontal: 'auto', marginHorizontal: 'auto',
paddingRight: 50,
}, },
}) })