@everymatrix/casino-game-page 0.0.249 → 0.0.250

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.
Files changed (4) hide show
  1. package/dist/casino-game-page.js +1 -1
  2. package/dist/casino-game-page.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/CasinoGamePage.svelte +28 -28
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-game-page",
3
- "version": "0.0.249",
3
+ "version": "0.0.250",
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": "38af455e241b6ef7ccabb2367be2be59e6b24352"
39
+ "gitHead": "a6d1510ec4bbfb0c340f1528b6c6636b9552705c"
40
40
  }
package/src/CasinoGamePage.svelte CHANGED
@@ -585,22 +585,22 @@
585
585
  padding-right: 60px;
586
586
  padding-bottom: 15px;
587
587
  min-height: 85px;
588
- background-color: #14143B;
588
+ background-color: var(--emfe-w-color-contrast, #07072A);
589
589
  display: flex;
590
590
  justify-content: space-between;
591
591
  align-items: center;
592
592
  }
593
593
  .DepositButton, .PlayNowButton {
594
594
  border: none;
595
- width: 129px;
595
+ width: 130px;
596
596
  height: 60px;
597
- background-color: #28A745;
598
- color: white;
597
+ background-color: var(--emfe-w-color-green, #48952a);
598
+ color: var(--emfe-w-color-white, #FFFFFF);
599
599
  border-radius: 2px;
600
600
  cursor: pointer;
601
601
  }
602
602
  .PlayNowButton {
603
- background-color: #D0046C;
603
+ background-color: var(--emfe-w-color-primary, #D0046C);
604
604
  }
605
605
  .GameThumbnail {
606
606
  border-radius: 2px;
@@ -608,11 +608,11 @@
608
608
  height: 180px;
609
609
  }
610
610
  .FullscreenButton {
611
- border-radius: 2px;
611
+ border-radius: 5px;
612
612
  border: none;
613
613
  width: 60px;
614
614
  height: 60px;
615
- background-color: #D0046C;
615
+ background-color: var(--emfe-w-color-primary, #D0046C);
616
616
  float: right;
617
617
  margin-top: 20px;
618
618
  }
@@ -622,7 +622,7 @@
622
622
  align-items: center;
623
623
  }
624
624
  .GameDetails h3 {
625
- color: #fff;
625
+ color: var(--emfe-w-color-white, #FFFFFF);
626
626
  font-size: 26px;
627
627
  }
628
628
  .ButtonsContainer {
@@ -633,26 +633,26 @@
633
633
  justify-content: space-between;
634
634
  }
635
635
  .RegisterButton {
636
- color: #ffffff;
637
- background-color: #D0046C;
638
- border-radius: 2px;
636
+ color: var(--emfe-w-color-white, #FFFFFF);
637
+ background-color: var(--emfe-w-color-primary, #D0046C);
638
+ border-radius: 5px;
639
639
  border: none;
640
640
  width: 129px;
641
641
  height: 60px;
642
642
  }
643
643
  .LoginButton {
644
- color: #D0046C;
645
- background-color: #07072A;
646
- border-radius: 2px;
647
- border: 1px solid #D0046C;
644
+ color: var(--emfe-w-color-primary, #D0046C);
645
+ background-color: var(--emfe-w-color-contrast, #07072A);
646
+ border-radius: 5px;
647
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
648
648
  width: 129px;
649
649
  height: 60px;
650
650
  }
651
651
  .FullWidthButton {
652
- color: #D0046C;
653
- background-color: #07072A;
654
- border-radius: 2px;
655
- border: 1px solid #D0046C;
652
+ color: var(--emfe-w-color-primary, #D0046C);
653
+ background-color: var(--emfe-w-color-contrast, #07072A);
654
+ border-radius: 5px;
655
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
656
656
  width: 100%;
657
657
  height: 60px;
658
658
  margin-top: 20px;
@@ -664,17 +664,17 @@
664
664
  max-height: calc(100% - 100px);
665
665
  }
666
666
  .Time {
667
- height: 60px;
668
- margin: 20px 0 0 0;
667
+ height: 20px;
668
+ margin: 0;
669
669
  display: flex;
670
670
  align-items: center;
671
671
  justify-content: center;
672
672
  }
673
673
  svg {
674
- fill: #ffffff;
674
+ fill: var(--emfe-w-color-white, #FFFFFF);
675
675
  }
676
676
  p {
677
- color: white;
677
+ color: var(--emfe-w-color-white, #FFFFFF);
678
678
  }
679
679
  #IframeContainer {
680
680
  height:100%;
@@ -721,15 +721,15 @@
721
721
  }
722
722
  p {
723
723
  font-size: ttp(1);
724
- color: #fff;
724
+ color: var(--emfe-w-color-white, #FFFFFF);
725
725
  }
726
726
  .Button {
727
- border-radius: 2px;
728
- border: 1px solid #D0046C;
729
- background-color: #D0046C;
727
+ border-radius: 5px;
728
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
729
+ background-color: var(--emfe-w-color-primary, #D0046C);
730
730
  width: ttp(15);
731
731
  height: 60px;
732
- color: #fff;
732
+ color: var(--emfe-w-color-white, #FFFFFF);
733
733
  cursor: pointer;
734
734
  }
735
735
  }