|
@@ -199,7 +199,7 @@ class TetrisScreen extends React.Component<Props, State> {
|
199
|
199
|
<View style={{
|
200
|
200
|
flexDirection: 'row',
|
201
|
201
|
position: 'absolute',
|
202
|
|
- top: 10,
|
|
202
|
+ top: 5,
|
203
|
203
|
left: 10,
|
204
|
204
|
}}>
|
205
|
205
|
<MaterialCommunityIcons
|
|
@@ -242,7 +242,8 @@ class TetrisScreen extends React.Component<Props, State> {
|
242
|
242
|
<Grid
|
243
|
243
|
width={this.logic.getWidth()}
|
244
|
244
|
height={this.logic.getHeight()}
|
245
|
|
- containerHeight={'80%'}
|
|
245
|
+ containerMaxHeight={'80%'}
|
|
246
|
+ containerMaxWidth={'60%'}
|
246
|
247
|
grid={this.state.grid}
|
247
|
248
|
backgroundColor={this.colors.tetrisBackground}
|
248
|
249
|
/>
|
|
@@ -256,6 +257,8 @@ class TetrisScreen extends React.Component<Props, State> {
|
256
|
257
|
/>
|
257
|
258
|
</View>
|
258
|
259
|
<View style={{
|
|
260
|
+ position: 'absolute',
|
|
261
|
+ bottom: 0,
|
259
|
262
|
flexDirection: 'row',
|
260
|
263
|
width: '100%',
|
261
|
264
|
}}>
|
|
@@ -288,6 +291,7 @@ class TetrisScreen extends React.Component<Props, State> {
|
288
|
291
|
onPressIn={() => this.logic.downPressedIn(this.updateGridScore)}
|
289
|
292
|
onPress={() => this.logic.pressedOut()}
|
290
|
293
|
style={{marginLeft: 'auto'}}
|
|
294
|
+ color={this.colors.tetrisScore}
|
291
|
295
|
/>
|
292
|
296
|
</View>
|
293
|
297
|
</View>
|