@everymatrix/casino-page 0.0.192 → 0.0.196

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.192",
+  "version": "0.0.196",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "90772f9f46872463853a444005e5adbfb07fc973"
+  "gitHead": "9809bd993cd1842fb5832ca5b3269eb33d0be029"
 }

package/src/CasinoPage.svelte

@@ -815,19 +815,6 @@
     {#if (getDevice(userAgent) !== 'PC') && (alternativesearch === 'false') && mobileSearchViewActive}
       <div class="SearchBarPlaceholder"></div>
     {/if}
-    {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && numberOfFilters && getDevice(userAgent) !== 'PC'}
-      <div class="ClearFilterMobileButtonWrapper" on:click="{() => clearVendorFilter()}">
-        <div class="ClearButton">Clear
-          <span class="ClearIcon">
-            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-            viewBox="0 0 378.303 378.303" style="enable-background:new 0 0 378.303 378.303;" xml:space="preserve">
-              <polygon style="fill:#FD2839;" points="378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018
-                28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 "/>
-            </svg>
-          </span>
-        </div>
-      </div>
-    {/if}
 
     {#if alternativesearch === 'false'}
       <!-- main search layout -->
@@ -928,7 +915,7 @@
               </div>
             {/if}
             {#if !searched || !recentSearches}
-              {#if !mostPlayedScreen && !numberOfFilters}
+              {#if !mostPlayedScreen}
                 <div class="FilterButtonWrapper" on:click='{() => {openFiltersModal()}}'>
                   <div class="FilterButton">Filters</div>
                   <div class="FilterIconContainer">
@@ -1056,11 +1043,14 @@
     @return $value * $multiplicator;
   }
 
+  :host {
+    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  }
+
   *, *::before, *::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-    font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
   }
 
   .CategoriesLobby {
@@ -1359,19 +1349,25 @@
       }
       .FiltersButtonsContainer {
         position: absolute;
-        top: 64px;
-        right: 5px;
+        top: 75px;
+        right: 0;
+        font-size: 13px;
+        gap: 6px;
         .FilterIconContainer {
           display: none;
         }
         .FilterButtonWrapper {
           border-radius: 6.4px;
-          border: 2px solid #fff;
+          border: 1px solid #fff;
           background: transparent;
           color: #fff;
+          padding: 6px 16px;
         }
         .ClearFilterButtonWrapper {
-          padding: 10px 16px;
+          padding: 6px 16px;
+          .ClearIcon {
+            display: none;
+          }
         }
       }
       &.CategoriesHeaderSearchActive {
@@ -1379,7 +1375,7 @@
       }
     }
     .FiltersActive.ClearFilterButtonWrapper {
-      display: block;
+      display: inline-flex;
     }
     .ClearSearchButton, .ClearSearchButtonMobile {
       right: 30px;