vergnet/application-amicale
5
5
Fork 5
Code Issues Pull requests Releases Wiki Activity

Improved buttons position

Browse source
This commit is contained in:
Arnaud Vergnet 2020-03-16 19:29:57 +01:00
parent c9237cc824
commit 3affbfcb40
1 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
screens/Tetris/TetrisScreen.js
View file

@ -203,14 +203,17 @@ class TetrisScreen extends React.Component<Props, State> {
/> />
<View style={{ <View style={{
flexDirection: 'row', flexDirection: 'row',
marginLeft: 'auto', width: '100%',
marginRight: 'auto',
}}> }}>
<IconButton <IconButton
icon="format-rotate-90" icon="format-rotate-90"
size={40} size={40}
onPress={() => this.logic.rotatePressed(this.updateGrid)} onPress={() => this.logic.rotatePressed(this.updateGrid)}
style={{marginRight: 'auto'}}
/> />
<View style={{
flexDirection: 'row',
}}>
<IconButton <IconButton
icon="arrow-left" icon="arrow-left"
size={40} size={40}
@ -221,10 +224,12 @@ class TetrisScreen extends React.Component<Props, State> {
size={40} size={40}
onPress={() => this.logic.rightPressed(this.updateGrid)} onPress={() => this.logic.rightPressed(this.updateGrid)}
/> />
</View>
<IconButton <IconButton
icon="arrow-down" icon="arrow-down"
size={40} size={40}
onPress={() => this.logic.downPressed(this.updateGridScore)} onPress={() => this.logic.downPressed(this.updateGridScore)}
style={{marginLeft: 'auto'}}
/> />
</View> </View>
</View> </View>