@everymatrix/casino-game-page 0.0.244 → 0.0.248
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-game-page",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.248",
|
|
4
4
|
"main": "dist/casino-game-page.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "77f6efa473daab4dd62004b893c587558bf4511c"
|
|
40
40
|
}
|
|
@@ -63,7 +63,6 @@
|
|
|
63
63
|
let mobileView:boolean = false;
|
|
64
64
|
let favoriteGames: Array<Object> = [];
|
|
65
65
|
let customStylingContainer:HTMLElement;
|
|
66
|
-
|
|
67
66
|
let isOnNative:boolean = false;
|
|
68
67
|
|
|
69
68
|
setupI18n({ withLocale: 'en', translations: {}});
|
|
@@ -75,9 +74,7 @@
|
|
|
75
74
|
// @TODO game typescript model type
|
|
76
75
|
const formatGameLaunchUrl = (game:any):void => {
|
|
77
76
|
let url:URL = new URL(game.launchUrl);
|
|
78
|
-
|
|
79
77
|
url.searchParams.append('language', lang);
|
|
80
|
-
|
|
81
78
|
// @TODO wtf? session check or go home
|
|
82
79
|
// Maybe we should check if the session is valid, somehow?
|
|
83
80
|
if (sessionID && sessionID.length > 0) {
|
|
@@ -85,9 +82,7 @@
|
|
|
85
82
|
|
|
86
83
|
url.searchParams.append('_sid', sessionID)
|
|
87
84
|
url.searchParams.append('funMode', 'false')
|
|
88
|
-
url.searchParams.append('language', lang)
|
|
89
85
|
}
|
|
90
|
-
|
|
91
86
|
game.launchUrl = url;
|
|
92
87
|
|
|
93
88
|
return game;
|
|
@@ -206,7 +201,6 @@
|
|
|
206
201
|
|
|
207
202
|
url.searchParams.append('language', lang);
|
|
208
203
|
// url.searchParams.append('expand', 'vendor');
|
|
209
|
-
|
|
210
204
|
fetch(url.href)
|
|
211
205
|
.then((res:any) => res.json())
|
|
212
206
|
.then((data:any) => {
|
|
@@ -432,25 +426,25 @@
|
|
|
432
426
|
</script>
|
|
433
427
|
|
|
434
428
|
{#if isLoading}
|
|
435
|
-
<p class="SearchLoading">Loading, please wait ...</p>
|
|
429
|
+
<p class="SearchLoading" part="SearchLoading">Loading, please wait ...</p>
|
|
436
430
|
{:else}
|
|
437
431
|
{#if hasErrors}
|
|
438
|
-
<p class="SearchLoading">500 Error - Internal Server Error.</p>
|
|
432
|
+
<p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error.</p>
|
|
439
433
|
{:else}
|
|
440
|
-
<div class="CasinoGamePageContainer" bind:this={customStylingContainer}>
|
|
434
|
+
<div class="CasinoGamePageContainer" part="CasinoGamePageContainer" bind:this={customStylingContainer}>
|
|
441
435
|
{#if detailsObtained}
|
|
442
436
|
{#if mobileView}
|
|
443
437
|
{#if isLoggedIn}
|
|
444
438
|
{#if favorites == 'true'}
|
|
445
439
|
{#if game.isFavored}
|
|
446
|
-
<div class="FavIconContainer" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
447
|
-
<svg version="1.1" class="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
|
|
440
|
+
<div class="FavIconContainer" part="FavIconContainer" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
441
|
+
<svg version="1.1" class="FavoredIcon" part="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
|
|
448
442
|
<path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
|
|
449
443
|
</svg>
|
|
450
444
|
</div>
|
|
451
445
|
{:else}
|
|
452
|
-
<div class="FavIconContainer" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
453
|
-
<svg version="1.1" class="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
|
|
446
|
+
<div class="FavIconContainer" part="FavIconContainer" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
447
|
+
<svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
|
|
454
448
|
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: white" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
|
|
455
449
|
c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
|
|
456
450
|
c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
|
|
@@ -463,105 +457,105 @@
|
|
|
463
457
|
</div>
|
|
464
458
|
{/if}
|
|
465
459
|
{/if}
|
|
466
|
-
<div class="GameDetails">
|
|
460
|
+
<div class="GameDetails" part="GameDetails">
|
|
467
461
|
<h3>{game.name}</h3>
|
|
468
|
-
<img src={game.thumbnail} class="GameThumbnail"
|
|
469
|
-
<div class="ButtonsContainer">
|
|
470
|
-
<button class="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
471
|
-
<button class="PlayNowButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playNow')}</button>
|
|
462
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
463
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
464
|
+
<button class="DepositButton" part="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
465
|
+
<button class="PlayNowButton" part="PlayNowButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playNow')}</button>
|
|
472
466
|
</div>
|
|
473
467
|
{#if haspanicbutton === "true"}
|
|
474
|
-
<div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}">
|
|
475
|
-
<div class="PanicText">
|
|
476
|
-
<svg class="w-1 h-1" fill="none" stroke="white" width="34px" height="34px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
|
468
|
+
<div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}" part="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}">
|
|
469
|
+
<div class="PanicText" part="PanicText">
|
|
470
|
+
<svg class="w-1 h-1" part="w-1 h-1" fill="none" stroke="white" width="34px" height="34px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
|
477
471
|
<p>{$_('gamePage.break')}</p>
|
|
478
472
|
</div>
|
|
479
|
-
<button class="Button" on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
|
|
473
|
+
<button class="Button" part="Button" on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
|
|
480
474
|
</div>
|
|
481
475
|
{/if}
|
|
482
476
|
<p>{time}</p>
|
|
483
477
|
</div>
|
|
484
478
|
|
|
485
479
|
{:else if anonymousFunMode}
|
|
486
|
-
<div class="GameDetails">
|
|
480
|
+
<div class="GameDetails" part="GameDetails">
|
|
487
481
|
<h3>{game.name}</h3>
|
|
488
|
-
<img src={game.thumbnail} class="GameThumbnail"
|
|
489
|
-
<div class="ButtonsContainer">
|
|
490
|
-
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
491
|
-
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
482
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
483
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
484
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
485
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
492
486
|
</div>
|
|
493
|
-
<button class="FullWidthButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playForFun')}</button>
|
|
487
|
+
<button class="FullWidthButton" part="FullWidthButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playForFun')}</button>
|
|
494
488
|
<p>{time}</p>
|
|
495
489
|
</div>
|
|
496
490
|
|
|
497
491
|
{:else}
|
|
498
|
-
<div class="GameDetails">
|
|
492
|
+
<div class="GameDetails" part="GameDetails">
|
|
499
493
|
<h3>{game.name}</h3>
|
|
500
|
-
<img src={game.thumbnail} class="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
501
|
-
<div class="ButtonsContainer">
|
|
502
|
-
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
503
|
-
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
494
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
495
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
496
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
497
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
504
498
|
</div>
|
|
505
499
|
<p>{time}</p>
|
|
506
500
|
</div>
|
|
507
501
|
{/if}
|
|
508
502
|
{:else}
|
|
509
503
|
{#if isLoggedIn}
|
|
510
|
-
<div id="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
|
|
511
|
-
<div id="IframeGame" bind:this={gameInnerContainer} style="width: {isFullscreen ? '100%' : definitiveIframeWidth}; height: {isFullscreen ? '100%' : definitiveIframeHeight}; max-width: {isFullscreen ? 'none' : game.width + 'px'}; max-height: {isFullscreen ? 'none' : (game.height + 100) + 'px'}">
|
|
512
|
-
<iframe title="Games" id="IframeGame" class="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
513
|
-
<div class="BottomGame">
|
|
514
|
-
<button class="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
504
|
+
<div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
|
|
505
|
+
<div id="IframeGame" part="IframeGame" bind:this={gameInnerContainer} style="width: {isFullscreen ? '100%' : definitiveIframeWidth}; height: {isFullscreen ? '100%' : definitiveIframeHeight}; max-width: {isFullscreen ? 'none' : game.width + 'px'}; max-height: {isFullscreen ? 'none' : (game.height + 100) + 'px'}">
|
|
506
|
+
<iframe title="Games" id="IframeGame" class="GamesContainer" part="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
507
|
+
<div class="BottomGame" part="BottomGame">
|
|
508
|
+
<button class="DepositButton" part="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
515
509
|
{#if haspanicbutton === "true"}
|
|
516
|
-
<div class="PanicSection">
|
|
517
|
-
<svg class="w-1 h-1" fill="none" stroke="white" width="34px" height="34px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
|
510
|
+
<div class="PanicSection" part="PanicSection">
|
|
511
|
+
<svg class="w-1 h-1" part="w-1 h-1" fill="none" stroke="white" width="34px" height="34px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
|
518
512
|
<p>{$_('gamePage.break')}</p>
|
|
519
|
-
<button class="Button" on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
|
|
513
|
+
<button class="Button" part="Button" on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
|
|
520
514
|
</div>
|
|
521
515
|
{/if}
|
|
522
516
|
{#if isFullscreen}
|
|
523
|
-
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
524
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill
|
|
517
|
+
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
518
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
525
519
|
</button>
|
|
526
520
|
{:else}
|
|
527
|
-
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
521
|
+
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
528
522
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.414 18.586l2.586-2.586v8h-8l2.586-2.586-5.172-5.172 2.828-2.828 5.172 5.172zm-13.656-8l2.828-2.828-5.172-5.172 2.586-2.586h-8v8l2.586-2.586 5.172 5.172zm10.828-8l-2.586-2.586h8v8l-2.586-2.586-5.172 5.172-2.828-2.828 5.172-5.172zm-8 13.656l-2.828-2.828-5.172 5.172-2.586-2.586v8h8l-2.586-2.586 5.172-5.172z"/></svg>
|
|
529
523
|
</button>
|
|
530
524
|
{/if}
|
|
531
525
|
</div>
|
|
532
|
-
<p class="Time"><span>{time}</span></p>
|
|
526
|
+
<p class="Time" part="Time"><span>{time}</span></p>
|
|
533
527
|
</div>
|
|
534
528
|
</div>
|
|
535
529
|
{:else}
|
|
536
530
|
{#if funMode}
|
|
537
|
-
<div id="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
|
|
538
|
-
<div id="IframeGame" bind:this={gameInnerContainer} style="width: {isFullscreen ? '100%' : definitiveIframeWidth}; height: {isFullscreen ? '100%' : definitiveIframeHeight}; max-width: {isFullscreen ? 'none' : game.width + 'px'}; max-height: {isFullscreen ? 'none' : (game.height + 100) + 'px'}">
|
|
539
|
-
<iframe title="Games" class="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
540
|
-
<div class="BottomGame">
|
|
541
|
-
<div class="ButtonsContainer">
|
|
542
|
-
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
543
|
-
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
531
|
+
<div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
|
|
532
|
+
<div id="IframeGame" part="IframeGame" bind:this={gameInnerContainer} style="width: {isFullscreen ? '100%' : definitiveIframeWidth}; height: {isFullscreen ? '100%' : definitiveIframeHeight}; max-width: {isFullscreen ? 'none' : game.width + 'px'}; max-height: {isFullscreen ? 'none' : (game.height + 100) + 'px'}">
|
|
533
|
+
<iframe title="Games" class="GamesContainer" part="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
534
|
+
<div class="BottomGame" part="BottomGame">
|
|
535
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
536
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
537
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
544
538
|
</div>
|
|
545
539
|
{#if isFullscreen}
|
|
546
|
-
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
547
|
-
<svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill
|
|
540
|
+
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
541
|
+
<svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
548
542
|
</button>
|
|
549
543
|
{:else}
|
|
550
|
-
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
544
|
+
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
551
545
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.414 18.586l2.586-2.586v8h-8l2.586-2.586-5.172-5.172 2.828-2.828 5.172 5.172zm-13.656-8l2.828-2.828-5.172-5.172 2.586-2.586h-8v8l2.586-2.586 5.172 5.172zm10.828-8l-2.586-2.586h8v8l-2.586-2.586-5.172 5.172-2.828-2.828 5.172-5.172zm-8 13.656l-2.828-2.828-5.172 5.172-2.586-2.586v8h8l-2.586-2.586 5.172-5.172z"/></svg>
|
|
552
546
|
</button>
|
|
553
547
|
{/if}
|
|
554
548
|
</div>
|
|
555
|
-
<p class="Time"><span>{time}</span></p>
|
|
549
|
+
<p class="Time" part="Time"><span>{time}</span></p>
|
|
556
550
|
</div>
|
|
557
551
|
</div>
|
|
558
552
|
{:else}
|
|
559
|
-
<div class="GameDetails">
|
|
553
|
+
<div class="GameDetails" part="GameDetails">
|
|
560
554
|
<h3>{game.name}</h3>
|
|
561
|
-
<img src={game.thumbnail} class="GameThumbnail"
|
|
562
|
-
<div class="ButtonsContainer">
|
|
563
|
-
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
564
|
-
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
555
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
556
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
557
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
558
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
565
559
|
</div>
|
|
566
560
|
<p>{time}</p>
|
|
567
561
|
</div>
|
|
@@ -591,7 +585,7 @@
|
|
|
591
585
|
padding-right: 60px;
|
|
592
586
|
padding-bottom: 15px;
|
|
593
587
|
min-height: 85px;
|
|
594
|
-
background-color:
|
|
588
|
+
background-color: #14143B;
|
|
595
589
|
display: flex;
|
|
596
590
|
justify-content: space-between;
|
|
597
591
|
align-items: center;
|
|
@@ -600,13 +594,13 @@
|
|
|
600
594
|
border: none;
|
|
601
595
|
width: 129px;
|
|
602
596
|
height: 60px;
|
|
603
|
-
background-color:
|
|
597
|
+
background-color: #28A745;
|
|
604
598
|
color: white;
|
|
605
599
|
border-radius: 2px;
|
|
606
600
|
cursor: pointer;
|
|
607
601
|
}
|
|
608
602
|
.PlayNowButton {
|
|
609
|
-
background-color:
|
|
603
|
+
background-color: #D0046C;
|
|
610
604
|
}
|
|
611
605
|
.GameThumbnail {
|
|
612
606
|
border-radius: 2px;
|
|
@@ -618,7 +612,7 @@
|
|
|
618
612
|
border: none;
|
|
619
613
|
width: 60px;
|
|
620
614
|
height: 60px;
|
|
621
|
-
background-color:
|
|
615
|
+
background-color: #D0046C;
|
|
622
616
|
float: right;
|
|
623
617
|
margin-top: 20px;
|
|
624
618
|
}
|
|
@@ -628,7 +622,7 @@
|
|
|
628
622
|
align-items: center;
|
|
629
623
|
}
|
|
630
624
|
.GameDetails h3 {
|
|
631
|
-
color:
|
|
625
|
+
color: #fff;
|
|
632
626
|
font-size: 26px;
|
|
633
627
|
}
|
|
634
628
|
.ButtonsContainer {
|
|
@@ -639,26 +633,26 @@
|
|
|
639
633
|
justify-content: space-between;
|
|
640
634
|
}
|
|
641
635
|
.RegisterButton {
|
|
642
|
-
color:
|
|
643
|
-
background-color:
|
|
636
|
+
color: #ffffff;
|
|
637
|
+
background-color: #D0046C;
|
|
644
638
|
border-radius: 2px;
|
|
645
639
|
border: none;
|
|
646
640
|
width: 129px;
|
|
647
641
|
height: 60px;
|
|
648
642
|
}
|
|
649
643
|
.LoginButton {
|
|
650
|
-
color:
|
|
651
|
-
background-color:
|
|
644
|
+
color: #D0046C;
|
|
645
|
+
background-color: #07072A;
|
|
652
646
|
border-radius: 2px;
|
|
653
|
-
border: 1px solid
|
|
647
|
+
border: 1px solid #D0046C;
|
|
654
648
|
width: 129px;
|
|
655
649
|
height: 60px;
|
|
656
650
|
}
|
|
657
651
|
.FullWidthButton {
|
|
658
|
-
color:
|
|
659
|
-
background-color:
|
|
652
|
+
color: #D0046C;
|
|
653
|
+
background-color: #07072A;
|
|
660
654
|
border-radius: 2px;
|
|
661
|
-
border: 1px solid
|
|
655
|
+
border: 1px solid #D0046C;
|
|
662
656
|
width: 100%;
|
|
663
657
|
height: 60px;
|
|
664
658
|
margin-top: 20px;
|
|
@@ -677,7 +671,7 @@
|
|
|
677
671
|
justify-content: center;
|
|
678
672
|
}
|
|
679
673
|
svg {
|
|
680
|
-
fill:
|
|
674
|
+
fill: #ffffff;
|
|
681
675
|
}
|
|
682
676
|
p {
|
|
683
677
|
color: white;
|
|
@@ -727,15 +721,15 @@
|
|
|
727
721
|
}
|
|
728
722
|
p {
|
|
729
723
|
font-size: ttp(1);
|
|
730
|
-
color:
|
|
724
|
+
color: #fff;
|
|
731
725
|
}
|
|
732
726
|
.Button {
|
|
733
727
|
border-radius: 2px;
|
|
734
|
-
border: 1px solid
|
|
735
|
-
background-color:
|
|
728
|
+
border: 1px solid #D0046C;
|
|
729
|
+
background-color: #D0046C;
|
|
736
730
|
width: ttp(15);
|
|
737
731
|
height: 60px;
|
|
738
|
-
color:
|
|
732
|
+
color: #fff;
|
|
739
733
|
cursor: pointer;
|
|
740
734
|
}
|
|
741
735
|
}
|