@everymatrix/casino-game-thumbnail 1.14.6 → 1.14.8

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-thumbnail",
3
- "version": "1.14.6",
3
+ "version": "1.14.8",
4
4
  "main": "dist/casino-game-thumbnail.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": "04bcbaa87c2cd031348360c16b200d86ec6e66b8"
38
+ "gitHead": "dd7a5e08435fe692117f5e7bc71fecb04c8e5cc9"
39
39
  }
@@ -37,6 +37,7 @@
37
37
  export let visibilityconnect:string = '';
38
38
  export let integratedgameframedesktop:string = 'false';
39
39
  export let integratedgameframemobile:string = 'false';
40
+ export let casinogamesgridslider:string = 'false';
40
41
 
41
42
  let isLoggedIn:boolean = false;
42
43
  let sessionID:string;
@@ -569,7 +570,7 @@
569
570
  </script>
570
571
 
571
572
 
572
- <div class={`GameContainer ${extraclassname}`} bind:this={customStylingContainer}>
573
+ <div class={`GameContainer ${extraclassname} ${(casinogamesgridslider == 'true') ? 'CasinoGamesGridSlider' : '' }`} bind:this={customStylingContainer} >
573
574
  <div class="GameInnerContainer { (livegamedata && !isopen && openhours.value) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}">
574
575
  <img src={gamethumbnail} class={`GameBg GameBg-${gamecellsize} ${loaded ? 'Loaded' : ''}`} alt="" bind:this={image} loading="lazy" />
575
576
  <div class="GameInfoWrapper">
@@ -1438,4 +1439,55 @@
1438
1439
  }
1439
1440
  }
1440
1441
 
1442
+ @container (max-width: 375px) {
1443
+
1444
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoName {
1445
+ margin-bottom: 5px;
1446
+ font-size: 12px;
1447
+ }
1448
+
1449
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoBtn {
1450
+ font-size: 14px;
1451
+ padding:4px;
1452
+ }
1453
+
1454
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoVendor {
1455
+ font-size: 10px;
1456
+ }
1457
+ }
1458
+
1459
+ @container (max-width: 410px) {
1460
+
1461
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoName {
1462
+ font-size: 12px;
1463
+ margin-bottom: 5px;
1464
+ }
1465
+
1466
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoBtn {
1467
+ font-size: 14px;
1468
+ padding:4px;
1469
+ }
1470
+
1471
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoVendor {
1472
+ font-size: 10px;
1473
+ }
1474
+ }
1475
+
1476
+ @container (max-width: 480px) {
1477
+
1478
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoName {
1479
+ font-size: 12px;
1480
+ margin-bottom: 5px;
1481
+ }
1482
+
1483
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoBtn {
1484
+ font-size: 14px;
1485
+ padding:4px;
1486
+ }
1487
+
1488
+ .CasinoGamesGridSlider .GameInnerContainer .GameInfoWrapper .GameInfoVendor {
1489
+ font-size: 10px;
1490
+ }
1491
+ }
1492
+
1441
1493
  </style>