@everymatrix/player-account-gaming-limits-wrapper-2 0.0.387 → 0.0.389

package/index.html

@@ -8,11 +8,6 @@
     player-account-gaming-limits-wrapper-2
   </title>
   <link rel="stylesheet" href="public/reset.css">
-  <style>
-    body {
-      background: #E8E9EB;
-    }
-  </style>
 	<script src='dist/player-account-gaming-limits-wrapper-2.js'></script>
 </head>
 
@@ -23,36 +18,11 @@
     .header__logo svg { height: 50px; width: 50px; margin-right: 5px; }
     .header__name { color: #fff; }
     .header__name span { margin-right: 10px; font-weight: bold; }
-    .webcomponent { padding: 10px 20px; width: 740px; height: 440px }
+    .webcomponent { padding: 10px 20px; }
   </style>
 
   <div class="webcomponent">
-    <player-account-gaming-limits-wrapper-2
-      userid="4506704"
-      session="aaa2d102-2b4a-44da-adfe-fec3cce02934"
-      endpoint="https://betathome-de-stage-api.stage.norway.everymatrix.com/"
-      apiversion="gm16"
-      currency = 'EUR'
-      lang="en"
-
-      includedlimits = "lugas, stake"
-      tablabels = 'Lugas Limit, Slots Limit, Other'
-      historyenabled = "true"
-
-    ></player-account-gaming-limits-wrapper-2>-->
-    <player-account-gaming-limits-wrapper-2
-    userid="4500790"
-    session="f7442ef8-ef79-469b-aadd-01cf21c7f79e"
-    endpoint="https://betathome-com-stage-api.stage.norway.everymatrix.com/"
-    apiversion="gmcore"
-    currency="EUR"
-    lang="en"
-    includedlimits="deposit"
-    tablabels="Deposit"
-    historyenabled="false"
-    >
-  </player-account-gaming-limits-wrapper-2>
-
+<player-account-gaming-limits-wrapper-2 endpoint="https://betathome-de-stage-api.stage.norway.everymatrix.com/" session="499b548a-73fd-45d1-a56e-2256b609513e" userid="4229869" currency="EUR" includedlimits="deposit, wager, deposit wager loss" tablabels="Deposit limit, Slots limit, Other limits" historyenabled="true" apiversion="gm16" lang="en"></player-account-gaming-limits-wrapper-2>
   </div>
 
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-gaming-limits-wrapper-2",
-  "version": "0.0.387",
+  "version": "0.0.389",
   "main": "dist/player-account-gaming-limits-wrapper-2.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -29,9 +29,9 @@
     "typescript": "^3.9.3"
   },
   "dependencies": {
-    "@everymatrix/player-account-gaming-limits-history-2": "^0.0.387",
-    "@everymatrix/player-account-gaming-limits-page-2-gm16": "^0.0.387",
-    "@everymatrix/player-account-gaming-limits-page-2-gmcore": "^0.0.387",
+    "@everymatrix/player-account-gaming-limits-history-2": "^0.0.389",
+    "@everymatrix/player-account-gaming-limits-page-2-gm16": "^0.0.389",
+    "@everymatrix/player-account-gaming-limits-page-2-gmcore": "^0.0.389",
     "cross-env": "^7.0.3",
     "sirv-cli": "^1.0.0",
     "svelte": "^3.0.0"
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c51e312c8807f68d36a64a93632f4e7230a2414e"
+  "gitHead": "2b565e2e539a72c0d78cdcfc1ffc87929474ff44"
 }

package/src/PlayerAccountGamingLimitsWrapper_2.svelte

@@ -36,7 +36,7 @@
   }
 
   const selectTab = (index:number):void => {
-    if (mainContainer.children.length > 0){
+    if (mainContainer.children.length > 0) {
       for (let i:number = 0; i < mainContainer.children.length; i++) {
         if (index === i) {
           mainContainer.children[i].classList.remove('hidden');
@@ -83,6 +83,10 @@
   $: clientstyling && setClientStyling();
 </script>
 
+<svelte:head>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+</svelte:head>
+
 <div bind:this={customStylingContainer}>
   {#if isLoading}
   <!-- Just show nothing, this is loading exposed attributes, not making a fetch. It takes an instant, but prevents nested widgets from rendering with empty attributes -->
@@ -90,7 +94,7 @@
     {#if limitTabs.length > 1}
       <div class="TabsContainer" bind:this={tabsContainer}>
         {#each limitTabs as limit,i}
-          <div class="LimitsTab" style="width: {100 / limitTabs.length}%" on:click={() => selectTab(i)}>{tabLabelArray[i] ?? limit}</div>
+          <div class="LimitsTab" on:click={() => selectTab(i)}>{tabLabelArray[i] ?? limit}</div>
         {/each}
       </div>
     {/if}
@@ -149,20 +153,25 @@
   }
 
   .TabsContainer {
-    height: 42px;
+    height: 50px;
     display: flex;
     margin-bottom: 12px;
     cursor: pointer;
     border-bottom: 1px solid #ccc;
+    justify-content: center;
+    background: #fff;
+    box-shadow: 0 0.15rem 0.2rem 0 rgba(0, 0, 0, 0.12);
   }
 
   .LimitsTab {
-    font-size: 18px;
+    font-size: 1.3rem;
+    line-height: 1.4rem;
     margin-bottom: 3px;
 
     display: flex;
     justify-content: center;
     align-items: center;
+    padding: 0 1rem;
 
     box-sizing: content-box;
   }
@@ -172,8 +181,8 @@
   }
 
   .selected {
-    border-bottom: 3px solid #7ac317;
-    color: #7ac317;
+    border-bottom: 0.2rem solid #002554;
+    color: #002554;
     margin: 0;
   }
 </style>