@everymatrix/casino-game-thumbnail 1.23.0 → 1.23.1

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.23.0",
3
+ "version": "1.23.1",
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": "e1f96f1273bd4af5ca8e311c90006f51ca00a642"
38
+ "gitHead": "4844f167efeb93d55d079fc27381a959fe9c5a65"
39
39
  }
@@ -27,7 +27,7 @@
27
27
  export let gamefavorite:boolean = false;
28
28
  export let gamecellsize = '';
29
29
  export let showfavoredcategory:boolean = false;
30
- export let showgamename:boolean = false;
30
+ export let showgamename:string = '';
31
31
  export let currency:string = '';
32
32
  export let gamepagemodalurl:string = 'false';
33
33
 
@@ -571,7 +571,7 @@
571
571
  </script>
572
572
 
573
573
 
574
- <div class={`GameContainer ${extraclassname} ${(casinogamesgridslider == 'true') ? 'CasinoGamesGridSlider' : '' }`} bind:this={customStylingContainer} >
574
+ <div class={`GameContainer ${extraclassname} ${(casinogamesgridslider == 'true') ? 'CasinoGamesGridSlider' : '' }`} class:WithGameName={showgamename} bind:this={customStylingContainer} >
575
575
  <div class="GameInnerContainer { (livegamedata && !isopen && openhours.value) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}">
576
576
  <img src={gamethumbnail} class={`GameBg GameBg-${gamecellsize} ${loaded ? 'Loaded' : ''}`} alt="" bind:this={image} loading="lazy" />
577
577
  <div class="GameInfoWrapper">
@@ -680,7 +680,7 @@
680
680
  {/if}
681
681
  </div>
682
682
  </div>
683
- {#if showgamename}
683
+ {#if showgamename === 'true'}
684
684
  <p class="GameNameBelow" title="{gamename}">{gamename}</p>
685
685
  {/if}
686
686
  </div>
@@ -701,6 +701,10 @@
701
701
  position: relative;
702
702
  }
703
703
 
704
+ .GameContainer.WithGameName {
705
+ padding-bottom: 20px;
706
+ }
707
+
704
708
  .GameInnerContainer {
705
709
  position: relative;
706
710
  width: 100%;