@everymatrix/casino-game-page 1.13.15 → 1.13.16
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": "1.13.
|
|
3
|
+
"version": "1.13.16",
|
|
4
4
|
"main": "dist/casino-game-page.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"publishConfig": {
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "586fd8038cd1f675aab3c6a81922c36e5d8faa34"
|
|
39
39
|
}
|
|
@@ -620,28 +620,28 @@
|
|
|
620
620
|
|
|
621
621
|
<div bind:this={customStylingContainer}>
|
|
622
622
|
{#if isLoading}
|
|
623
|
-
<p class="SearchLoading"
|
|
623
|
+
<p class="SearchLoading">{$_('loading')}</p>
|
|
624
624
|
{:else}
|
|
625
625
|
{#if hasErrors}
|
|
626
|
-
<p class="SearchLoading"
|
|
626
|
+
<p class="SearchLoading">500 Error - Internal Server Error.</p>
|
|
627
627
|
{:else}
|
|
628
628
|
<div class="GamePageBackground" style="background:{!mobileView? `url(${game.backgroundImageUrl})`: ''}; background-size: cover" bind:this={gamePageBackground}>
|
|
629
|
-
<div class="CasinoGamePageContainer"
|
|
629
|
+
<div class="CasinoGamePageContainer" style="background: rgba(0, 0, 0, 0.5)">
|
|
630
630
|
{#if detailsObtained}
|
|
631
631
|
{#if mobileView}
|
|
632
632
|
{#if isLoggedIn}
|
|
633
633
|
{#if favorites == 'true'}
|
|
634
634
|
{#if !isFavLoading}
|
|
635
635
|
{#if game.isFavored}
|
|
636
|
-
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}"
|
|
636
|
+
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
637
637
|
<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">
|
|
638
|
-
<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"/>
|
|
638
|
+
<path style="fill: var(--emfe-w-color-white, #FFFFFF);" 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"/>
|
|
639
639
|
</svg>
|
|
640
640
|
</div>
|
|
641
641
|
{:else}
|
|
642
|
-
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}"
|
|
643
|
-
<svg version="1.1" class="UnfavoredIcon"
|
|
644
|
-
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
|
|
642
|
+
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
643
|
+
<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"
|
|
644
|
+
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: var(--emfe-w-color-white, #FFFFFF);" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
|
|
645
645
|
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
|
|
646
646
|
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
|
|
647
647
|
c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
|
|
@@ -656,61 +656,61 @@
|
|
|
656
656
|
<div class="LoaderRipple {haspanicbutton == 'true' ? 'LoaderWithPanicButton' : ''}"><div></div><div></div></div>
|
|
657
657
|
{/if}
|
|
658
658
|
{/if}
|
|
659
|
-
<div class="GameDetails"
|
|
659
|
+
<div class="GameDetails">
|
|
660
660
|
<h3>{game.name}</h3>
|
|
661
|
-
<img src={game.thumbnail} class="GameThumbnail"
|
|
662
|
-
<div class="ButtonsContainer"
|
|
663
|
-
<button class="DepositButton"
|
|
664
|
-
<button class="PlayNowButton"
|
|
661
|
+
<img src={game.thumbnail} class="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
662
|
+
<div class="ButtonsContainer">
|
|
663
|
+
<button class="DepositButton" on:click='{() => toggleDeposit()}'>{$_('deposit')}</button>
|
|
664
|
+
<button class="PlayNowButton" on:click='{() => {openGameWindow(game)}}'>{$_('playNow')}</button>
|
|
665
665
|
</div>
|
|
666
666
|
{#if haspanicbutton === "true"}
|
|
667
|
-
<div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}"
|
|
668
|
-
<button class="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" class:PanicButtonAnimation={panicLoading}
|
|
667
|
+
<div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}">
|
|
668
|
+
<button class="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" class:PanicButtonAnimation={panicLoading} bind:this={panicButton}>{$_('breakButton')}</button>
|
|
669
669
|
</div>
|
|
670
670
|
{/if}
|
|
671
671
|
<p>{time}</p>
|
|
672
672
|
</div>
|
|
673
673
|
{:else if anonymousFunMode && !determiningIsLoggedIn}
|
|
674
|
-
<div class="GameDetails"
|
|
674
|
+
<div class="GameDetails">
|
|
675
675
|
<h3>{game.name}</h3>
|
|
676
|
-
<img src={game.thumbnail} class="GameThumbnail"
|
|
677
|
-
<div class="ButtonsContainer"
|
|
678
|
-
<button class="LoginButton"
|
|
679
|
-
<button class="RegisterButton"
|
|
680
|
-
<button class="FullWidthButton"
|
|
676
|
+
<img src={game.thumbnail} class="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
677
|
+
<div class="ButtonsContainer">
|
|
678
|
+
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('signIn')}</button>
|
|
679
|
+
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('register')}</button>
|
|
680
|
+
<button class="FullWidthButton" on:click='{() => {openGameWindow(game)}}'>{$_('playForFun')}</button>
|
|
681
681
|
</div>
|
|
682
682
|
<p>{time}</p>
|
|
683
683
|
</div>
|
|
684
684
|
{:else if !determiningIsLoggedIn}
|
|
685
685
|
<div class="GameDetails" part="GameDetails">
|
|
686
686
|
<h3>{game.name}</h3>
|
|
687
|
-
<img src={game.thumbnail} class="GameThumbnail"
|
|
688
|
-
<div class="ButtonsContainer"
|
|
689
|
-
<button class="LoginButton"
|
|
690
|
-
<button class="RegisterButton"
|
|
687
|
+
<img src={game.thumbnail} class="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
688
|
+
<div class="ButtonsContainer">
|
|
689
|
+
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('signIn')}</button>
|
|
690
|
+
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('register')}</button>
|
|
691
691
|
</div>
|
|
692
692
|
<p>{time}</p>
|
|
693
693
|
</div>
|
|
694
694
|
{/if}
|
|
695
695
|
{:else}
|
|
696
696
|
{#if isLoggedIn}
|
|
697
|
-
<div id="IframeContainer"
|
|
698
|
-
<div id="IframeGame"
|
|
699
|
-
<iframe title="Games" id="IframeGame" class="GamesContainer"
|
|
700
|
-
<div class="BottomGame {haspanicbutton == 'true' ? 'BottomGamePanicSection' : ''}"
|
|
701
|
-
<button class="DepositButton"
|
|
702
|
-
<p class="Time"
|
|
697
|
+
<div id="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
|
|
698
|
+
<div id="IframeGame" bind:this={gameInnerContainer} style="{gameStyle}">
|
|
699
|
+
<iframe title="Games" id="IframeGame" class="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
700
|
+
<div class="BottomGame {haspanicbutton == 'true' ? 'BottomGamePanicSection' : ''}" bind:this={buttonsContainer}>
|
|
701
|
+
<button class="DepositButton" on:click='{() => toggleDeposit()}'>{$_('deposit')}</button>
|
|
702
|
+
<p class="Time" bind:this={timeContainer}><span>{time}</span></p>
|
|
703
703
|
{#if haspanicbutton === "true"}
|
|
704
|
-
<div class="PanicSection"
|
|
705
|
-
<button class="Button" class:PanicButtonAnimation={panicLoading}
|
|
704
|
+
<div class="PanicSection">
|
|
705
|
+
<button class="Button" class:PanicButtonAnimation={panicLoading} bind:this={panicButton}>{$_('breakButton')}</button>
|
|
706
706
|
</div>
|
|
707
707
|
{/if}
|
|
708
708
|
{#if isFullscreen}
|
|
709
|
-
<button class="FullscreenButton"
|
|
710
|
-
<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
|
|
709
|
+
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
710
|
+
<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:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));" 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:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
711
711
|
</button>
|
|
712
712
|
{:else}
|
|
713
|
-
<button class="FullscreenButton"
|
|
713
|
+
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
714
714
|
<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>
|
|
715
715
|
</button>
|
|
716
716
|
{/if}
|
|
@@ -719,21 +719,21 @@
|
|
|
719
719
|
</div>
|
|
720
720
|
{:else if !determiningIsLoggedIn}
|
|
721
721
|
{#if funMode}
|
|
722
|
-
<div id="IframeContainer"
|
|
723
|
-
<div id="IframeGame"
|
|
724
|
-
<iframe title="Games" id="IframeGame" class="GamesContainer"
|
|
725
|
-
<div class="BottomGame"
|
|
726
|
-
<div class="ButtonsContainer"
|
|
727
|
-
<button class="LoginButton"
|
|
728
|
-
<button class="RegisterButton"
|
|
722
|
+
<div id="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight};">
|
|
723
|
+
<div id="IframeGame" bind:this={gameInnerContainer} style="{gameStyle}">
|
|
724
|
+
<iframe title="Games" id="IframeGame" class="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
725
|
+
<div class="BottomGame" bind:this={buttonsContainer}>
|
|
726
|
+
<div class="ButtonsContainer">
|
|
727
|
+
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('signIn')}</button>
|
|
728
|
+
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('register')}</button>
|
|
729
729
|
</div>
|
|
730
|
-
<p class="Time"
|
|
730
|
+
<p class="Time" bind:this={timeContainer}><span>{time}</span></p>
|
|
731
731
|
{#if isFullscreen}
|
|
732
|
-
<button class="FullscreenButton"
|
|
733
|
-
<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
|
|
732
|
+
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
733
|
+
<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: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));" 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:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
734
734
|
</button>
|
|
735
735
|
{:else}
|
|
736
|
-
<button class="FullscreenButton"
|
|
736
|
+
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
737
737
|
<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>
|
|
738
738
|
</button>
|
|
739
739
|
{/if}
|
|
@@ -743,10 +743,10 @@
|
|
|
743
743
|
{:else}
|
|
744
744
|
<div class="GameDetails" part="GameDetails">
|
|
745
745
|
<h3>{game.name}</h3>
|
|
746
|
-
<img src={game.thumbnail} class="GameThumbnail"
|
|
747
|
-
<div class="ButtonsContainer"
|
|
748
|
-
<button class="LoginButton"
|
|
749
|
-
<button class="RegisterButton"
|
|
746
|
+
<img src={game.thumbnail} class="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
747
|
+
<div class="ButtonsContainer">
|
|
748
|
+
<button class="LoginButton" on:click='{() => toggleLogin()}'>{$_('signIn')}</button>
|
|
749
|
+
<button class="RegisterButton" on:click='{() => toggleRegister()}'>{$_('register')}</button>
|
|
750
750
|
</div>
|
|
751
751
|
<p>{time}</p>
|
|
752
752
|
</div>
|
|
@@ -761,11 +761,8 @@
|
|
|
761
761
|
</div>
|
|
762
762
|
|
|
763
763
|
<style lang="scss">
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
764
|
.CasinoGamePageContainer {
|
|
768
|
-
background: var(--emfe-w-color-
|
|
765
|
+
background: var(--emfe-w-casino-color-bg, var(--emfe-w-color-dunkel, #07072A));
|
|
769
766
|
margin: 0 auto;
|
|
770
767
|
height: 100%;
|
|
771
768
|
max-width: 100%;
|
|
@@ -779,7 +776,7 @@
|
|
|
779
776
|
.BottomGame {
|
|
780
777
|
padding: 4px 16px;
|
|
781
778
|
min-height: 85px;
|
|
782
|
-
background-color: var(--emfe-w-color-
|
|
779
|
+
background-color: var(--emfe-w-casino-color-bg, var(--emfe-w-color-dunkel, #07072A));
|
|
783
780
|
align-items: center;
|
|
784
781
|
display: grid;
|
|
785
782
|
grid-auto-columns: 1fr;
|
|
@@ -804,8 +801,8 @@
|
|
|
804
801
|
justify-self: left;
|
|
805
802
|
width: 130px;
|
|
806
803
|
height: 60px;
|
|
807
|
-
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
808
|
-
color: var(--emfe-w-color-white, #FFFFFF);
|
|
804
|
+
background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
805
|
+
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
809
806
|
border-radius: 2px;
|
|
810
807
|
}
|
|
811
808
|
.GameThumbnail {
|
|
@@ -820,7 +817,7 @@
|
|
|
820
817
|
border: none;
|
|
821
818
|
width: 60px;
|
|
822
819
|
height: 60px;
|
|
823
|
-
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
820
|
+
background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
824
821
|
}
|
|
825
822
|
.GameDetails {
|
|
826
823
|
display: flex;
|
|
@@ -856,26 +853,26 @@
|
|
|
856
853
|
}
|
|
857
854
|
|
|
858
855
|
.RegisterButton {
|
|
859
|
-
color: var(--emfe-w-color-white, #FFFFFF);
|
|
860
|
-
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
856
|
+
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
857
|
+
background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
861
858
|
border-radius: 5px;
|
|
862
859
|
border: none;
|
|
863
860
|
width: 129px;
|
|
864
861
|
height: 60px;
|
|
865
862
|
}
|
|
866
863
|
.LoginButton {
|
|
867
|
-
color: var(--emfe-w-color-
|
|
868
|
-
background-color: var(--emfe-w-
|
|
864
|
+
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));;
|
|
865
|
+
background-color: var(--emfe-w-casino-contrast, var(--emfe-w-color-dunkel, #07072A));
|
|
869
866
|
border-radius: 5px;
|
|
870
|
-
border: 1px solid var(--emfe-w-color-
|
|
867
|
+
border: 1px solid var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
871
868
|
width: 129px;
|
|
872
869
|
height: 60px;
|
|
873
870
|
}
|
|
874
871
|
.FullWidthButton {
|
|
875
|
-
color: var(--emfe-w-color-primary, #D0046C);
|
|
876
|
-
background-color: var(--emfe-w-
|
|
872
|
+
color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
873
|
+
background-color: var(--emfe-w-casino-contrast, var(--emfe-w-color-dunkel, #07072A));
|
|
877
874
|
border-radius: 5px;
|
|
878
|
-
border: 1px solid var(--emfe-w-color-primary, #D0046C);
|
|
875
|
+
border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
879
876
|
width: 100%;
|
|
880
877
|
height: 60px;
|
|
881
878
|
}
|
|
@@ -894,10 +891,10 @@
|
|
|
894
891
|
justify-content: center;
|
|
895
892
|
}
|
|
896
893
|
svg {
|
|
897
|
-
fill: var(--emfe-w-color-white, #FFFFFF);
|
|
894
|
+
fill: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
898
895
|
}
|
|
899
896
|
p {
|
|
900
|
-
color: var(--emfe-w-color-white, #FFFFFF);
|
|
897
|
+
color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
901
898
|
}
|
|
902
899
|
#IframeContainer {
|
|
903
900
|
height:100%;
|
|
@@ -935,11 +932,11 @@
|
|
|
935
932
|
|
|
936
933
|
.Button {
|
|
937
934
|
border-radius: 5px;
|
|
938
|
-
border: 1px solid var(--emfe-w-color-primary, #D0046C);
|
|
939
|
-
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
935
|
+
border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
936
|
+
background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
940
937
|
width: 280px;
|
|
941
938
|
height: 60px;
|
|
942
|
-
color: var(--emfe-w-color-white, #FFFFFF);
|
|
939
|
+
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
943
940
|
cursor: pointer;
|
|
944
941
|
}
|
|
945
942
|
}
|
|
@@ -957,11 +954,11 @@
|
|
|
957
954
|
.PanicButtonMobile {
|
|
958
955
|
border-radius: 5px;
|
|
959
956
|
margin: 0 10px;
|
|
960
|
-
border: 1px solid var(--emfe-w-color-primary, #D0046C);
|
|
961
|
-
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
957
|
+
border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
958
|
+
background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
962
959
|
width: 100% !important;
|
|
963
960
|
height: 30px;
|
|
964
|
-
color: var(--emfe-w-color-white, #FFFFFF);
|
|
961
|
+
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
965
962
|
cursor: pointer;
|
|
966
963
|
|
|
967
964
|
//Remove text selection for panic button on mobile
|
|
@@ -989,9 +986,9 @@
|
|
|
989
986
|
rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%
|
|
990
987
|
);
|
|
991
988
|
|
|
992
|
-
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
989
|
+
background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
|
|
993
990
|
width: 280px;
|
|
994
|
-
color: #
|
|
991
|
+
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
995
992
|
|
|
996
993
|
-webkit-animation: bar-animation 2s linear;
|
|
997
994
|
}
|
package/src/translations.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export const TRANSLATIONS = {
|
|
2
2
|
"en": {
|
|
3
|
-
"signIn": "
|
|
3
|
+
"signIn": "LOGIN",
|
|
4
4
|
"register": "REGISTER",
|
|
5
|
-
"deposit": "
|
|
5
|
+
"deposit": "DEPOSIT",
|
|
6
6
|
"playForFun": "Play for fun",
|
|
7
7
|
"playNow": "Start now!",
|
|
8
8
|
"breakButton": "Hold button for 3 seconds to take 24-hours instant lock",
|
|
@@ -27,9 +27,9 @@ export const TRANSLATIONS = {
|
|
|
27
27
|
"loading": "Es lädt, bitte warten..."
|
|
28
28
|
},
|
|
29
29
|
"it": {
|
|
30
|
-
"signIn": "
|
|
30
|
+
"signIn": "LOGIN",
|
|
31
31
|
"register": "REGISTRATI",
|
|
32
|
-
"deposit": "
|
|
32
|
+
"deposit": "DEPOSITO",
|
|
33
33
|
"playForFun": "Play for fun",
|
|
34
34
|
"playNow": "Inizia ora!",
|
|
35
35
|
"breakButton": "Prenditi 1 giorno di pausa dal gioco - 24-hour Cool Off",
|