@everymatrix/casino-games-category-section 0.0.230 → 0.0.234

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-games-category-section",
3
- "version": "0.0.230",
3
+ "version": "0.0.234",
4
4
  "main": "dist/casino-games-category-section.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": "6450633dc3eac30c6bbb7963e606ee94b046d30d"
39
+ "gitHead": "08eaa0b19a750324f294289553e7952903b5e82b"
40
40
  }
@@ -487,7 +487,7 @@
487
487
  {#if !showItems}
488
488
  <p class="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}">{$_('gamesCategorySection.noRecentSearch')}</p>
489
489
  {/if}
490
- <ul class="CasinoGamesGrid">
490
+ <ul class="CasinoGamesGrid SearchedGamesGrid GamesListIncreasedGap">
491
491
  {#each shownCategoryData as gameprops, index}
492
492
  <casino-game-thumbnail
493
493
  class="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
@@ -694,7 +694,7 @@
694
694
 
695
695
  .NoSearchResults {
696
696
  color: var(--emfe-w-color-white, #FFFFFF);
697
- text-align: left;
697
+ text-align: center;
698
698
  width: 100%;
699
699
  padding-left: 5px;
700
700
  font-size: ttp(1);
@@ -706,9 +706,6 @@
706
706
 
707
707
  .NoRecentSearchesCenter {
708
708
  text-align: center;
709
- &.NoRecentSearchesMobile {
710
- text-align: left;
711
- }
712
709
  }
713
710
 
714
711
  .NoFavoriteGames {
@@ -764,9 +761,6 @@
764
761
  &.Searched {
765
762
  justify-content: center;
766
763
  }
767
- &.CasinoGamesHeaderMobile.Searched {
768
- justify-content: flex-start;
769
- }
770
764
  }
771
765
 
772
766
  .CasinoGamesContainer {
@@ -782,19 +776,32 @@
782
776
  grid-template-rows: repeat(auto-fill, $grid-cell-size);
783
777
  grid-auto-rows: $grid-cell-size;
784
778
  grid-auto-columns: $grid-cell-size;
785
- grid-auto-flow: dense;
779
+ grid-auto-flow: row dense;
786
780
 
787
781
  .game-tile-2x1 {
788
782
  grid-row: span 2;
783
+
784
+ @media screen and (max-width: 375px) {
785
+ grid-row: span 1;
786
+ }
789
787
  }
790
788
 
791
789
  .game-tile-2x2 {
792
790
  grid-row: span 2;
793
791
  grid-column: span 2;
792
+
793
+ @media screen and (max-width: 375px) {
794
+ grid-row: span 1;
795
+ grid-column: span 1;
796
+ }
794
797
  }
795
798
 
796
799
  .game-tile-1x2 {
797
800
  grid-column: span 2;
801
+
802
+ @media screen and (max-width: 375px) {
803
+ grid-column: span 1;
804
+ }
798
805
  }
799
806
 
800
807
  &.GamesListIncreasedGap {