@everymatrix/casino-games-category-section 0.0.193 → 0.0.197

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.193",
3
+ "version": "0.0.197",
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": "0960983a499b8cd9494500f0f36058fdc61fbead"
39
+ "gitHead": "89d693d3429e3dc0d6e642537452c8faa0ca008a"
40
40
  }
@@ -466,7 +466,7 @@
466
466
  {:else}
467
467
  {#if searched}
468
468
  <div class="CasinoGamesContainer">
469
- <div class="CasinoGamesHeader Searched">
469
+ <div class="CasinoGamesHeader Searched {isMobile(userAgent) ? 'CasinoGamesHeaderMobile' : ''}">
470
470
  {#if recentSearched}
471
471
  <h3 class="StatusText">
472
472
  {$_('gamesCategorySection.recentSearchedItems')}
@@ -485,7 +485,7 @@
485
485
  </div>
486
486
  {#if shownCategoryData}
487
487
  {#if !showItems}
488
- <p class="NoSearchResults NoRecentSearches NoRecentSearchesCenter">{$_('gamesCategorySection.noRecentSearch')}</p>
488
+ <p class="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}">{$_('gamesCategorySection.noRecentSearch')}</p>
489
489
  {/if}
490
490
  <ul class="CasinoGamesGrid">
491
491
  {#each shownCategoryData as gameprops, index}
@@ -667,11 +667,14 @@
667
667
  @return $value * $multiplicator;
668
668
  }
669
669
 
670
+ :host {
671
+ font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
672
+ }
673
+
670
674
  *, *::before, *::after {
671
675
  margin: 0;
672
676
  padding: 0;
673
677
  box-sizing: border-box;
674
- font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
675
678
  }
676
679
 
677
680
  $grid-gap: ttp(1);
@@ -702,6 +705,9 @@
702
705
 
703
706
  .NoRecentSearchesCenter {
704
707
  text-align: center;
708
+ &.NoRecentSearchesMobile {
709
+ text-align: left;
710
+ }
705
711
  }
706
712
 
707
713
  .NoFavoriteGames {
@@ -757,6 +763,9 @@
757
763
  &.Searched {
758
764
  justify-content: center;
759
765
  }
766
+ &.CasinoGamesHeaderMobile.Searched {
767
+ justify-content: flex-start;
768
+ }
760
769
  }
761
770
 
762
771
  .CasinoGamesContainer {