@everymatrix/player-account-gaming-limits 0.0.166 → 0.0.170

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-gaming-limits",
-  "version": "0.0.166",
+  "version": "0.0.170",
   "main": "dist/player-account-gaming-limits.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cc5cea8f5d4ed68bf0b052d98cc82ce69e97fc45"
+  "gitHead": "3836860c7d1128dcea8bc1638c7912ee0f50ce6b"
 }

package/src/PlayerAccountGamingLimits.svelte

@@ -16,7 +16,7 @@
   Object.keys(PlayerGamingLimitsCardTranslations).forEach((item) => {
     addNewMessages(item, PlayerGamingLimitsCardTranslations[item]);
   });
-  
+
   let isLoading:boolean = false;
   let userAgent:String = window.navigator.userAgent;
   let isMobile = (getDevice(userAgent) === 'PC') ? false : true;
@@ -84,21 +84,18 @@
   {#if limitsGroupView}
     <div class="PlayerAccountGamingLimitsWrapper {isMobile ? 'PlayerAccountMobileGamingLimitsWrapper' : ''} {mediaQuery.matches && isMobile ? 'PlayerAccountTabletGamingLimitsWrapper' : ''}">
       {#if isMobile}
-      <div class="MenuReturnButton" on:click={() => toggleScreen()}>
-        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-            viewBox="0 0 240.823 240.823" style="enable-background:new 0 0 240.823 240.823;" xml:space="preserve" width="18px" fill="#58586B">
-          <g>
-            <path id="Chevron_Right" d="M57.633,129.007L165.93,237.268c4.752,4.74,12.451,4.74,17.215,0c4.752-4.74,4.752-12.439,0-17.179
-              l-99.707-99.671l99.695-99.671c4.752-4.74,4.752-12.439,0-17.191c-4.752-4.74-12.463-4.74-17.215,0L57.621,111.816
-              C52.942,116.507,52.942,124.327,57.633,129.007z"/>
-          </g>
-        </svg>
-        <span>{$_('gamingLimits.returnToMenu')}</span>
-      </div>
+        <div class="MenuReturnButton" on:click={() => toggleScreen()}>
+          <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:#d0046c;}</style></defs><g transform="translate(-20 -158)">
+            <g transform="translate(20 158)">
+              <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
+            </g></g>
+          </svg>
+          <h2 class="PlayerGamingLimitsTitleMobile">{$_('gamingLimits.gamingLimitsText')}</h2>
+        </div>
       {/if}
-      <div class="PlayerAccountGamingLimitsHeader">
-        <h3 class="PlayerAccountGamingLimitsTitle {isMobile ? "PlayerAccountGamingLimitsMobileTitle" : ''}">{$_('gamingLimits.gamingLimitsText')}</h3>
-      </div>
+      <h2 class="PlayerGamingLimitsTitle {isMobile ? 'PlayerGamingLimitsTitleNone' : ''}">{$_('gamingLimits.gamingLimitsText')}</h2>
+
+
       <div class="PlayerAccountGamingLimitsContainer">
         <player-account-gaming-limits-info-card limitsdata={depositlimit} limitname={depositLimitName} {playercurrency}></player-account-gaming-limits-info-card>
         <player-account-gaming-limits-info-card limitsdata={wageringlimit} limitname={wageringLimitName} {playercurrency}></player-account-gaming-limits-info-card>
@@ -136,12 +133,27 @@
     }
   }
 
+  .PlayerGamingLimitsTitle {
+    font-size: 26px;
+    color: #D0046C;
+    font-weight: 400;
+  }
+
+  .PlayerGamingLimitsTitleMobile {
+    font-size: 16px;
+    color: #D0046C;
+  }
+
+  .PlayerGamingLimitsTitleNone {
+    display: none;
+  }
+
   .MenuReturnButton{
     color: #D0046C;
     display: inline-flex;
     align-items: center;
-    column-gap: ttp(0.625);
-    margin-bottom: ttp(1.875);
+    column-gap: 10px;
+    margin-bottom: 10px;
     & svg {
       fill: #D0046C;
     }