Browse Source

Improved game start screen gradient

Arnaud Vergnet 1 year ago
parent
commit
ae3d9310d6
1 changed files with 11 additions and 10 deletions
  1. 11
    10
      src/screens/Game/screens/GameStartScreen.js

+ 11
- 10
src/screens/Game/screens/GameStartScreen.js View File

@@ -379,15 +379,7 @@ class GameStartScreen extends React.Component<Props, State> {
379 379
 
380 380
     getMainContent() {
381 381
         return (
382
-            <LinearGradient
383
-                style={{flex: 1}}
384
-                colors={[
385
-                    this.props.theme.colors.background + "00",
386
-                    this.props.theme.colors.background
387
-                ]}
388
-                start={{x: 0, y: 0.1}}
389
-                end={{x: 0.1, y: 1}}
390
-            >
382
+
391 383
                 <View style={{flex: 1}}>
392 384
                     {
393 385
                         this.gameStats != null
@@ -415,7 +407,6 @@ class GameStartScreen extends React.Component<Props, State> {
415 407
                     </Button>
416 408
                     {this.getTopScoresRender()}
417 409
                 </View>
418
-            </LinearGradient>
419 410
         )
420 411
     }
421 412
 
@@ -425,6 +416,15 @@ class GameStartScreen extends React.Component<Props, State> {
425 416
         return (
426 417
             <View style={{flex: 1}}>
427 418
                 {this.getPiecesBackground()}
419
+                <LinearGradient
420
+                    style={{flex: 1}}
421
+                    colors={[
422
+                        this.props.theme.colors.background + "00",
423
+                        this.props.theme.colors.background
424
+                    ]}
425
+                    start={{x: 0, y: 0}}
426
+                    end={{x: 0, y: 1}}
427
+                >
428 428
                 <ScrollView>
429 429
                     {this.getMainContent()}
430 430
                     <MascotPopup
@@ -443,6 +443,7 @@ class GameStartScreen extends React.Component<Props, State> {
443 443
                         emotion={MASCOT_STYLE.COOL}
444 444
                     />
445 445
                 </ScrollView>
446
+                </LinearGradient>
446 447
             </View>
447 448
 
448 449
         );

Loading…
Cancel
Save