@everymatrix/casino-game-page 0.0.362 → 0.0.365

package/index.html

@@ -33,6 +33,7 @@
     <casino-game-page
       gameid="46985"
       lang="en"
+      integratedgameframe="true"
       endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
       playforfun="true"
     ></casino-game-page>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "0.0.362",
+  "version": "0.0.365",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "154d1b620474e61bee3507cc52d40bfd33236024"
+  "gitHead": "f4dabfce4df55a591981f327a670cc250a2ed257"
 }

package/src/CasinoGamePage.svelte

@@ -558,6 +558,8 @@
     }
   });
 
+
+
   $: lang && setActiveLanguage();
   $: endpoint && gameid && lang && createGameURL(gameid);
   $: session && userid && endpoint && setSession();
@@ -574,7 +576,7 @@
   {#if hasErrors}
     <p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error.</p>
   {:else}
-    <div class="GamePageBackground" style="background: {!isModal? `url(${game.backgroundImageUrl})`: ''}; background-size: cover" bind:this={gamePageBackground}>
+    <div class="GamePageBackground" style="background:{!isModal? `url(${game.backgroundImageUrl})`: ''}; background-size: cover" bind:this={gamePageBackground}>
       <div class="CasinoGamePageContainer" part="CasinoGamePageContainer" bind:this={customStylingContainer} style="background: rgba(0, 0, 0, 0.5)">
         {#if detailsObtained}
           {#if mobileView}
@@ -714,12 +716,12 @@
     background: var(--emfe-w-color-contrast, #07072A);
     margin: 0 auto;
     height: 100%;
-    max-width: 1300px;
+    max-width: 100%;
     padding: 0;
-
     display: flex;
     flex-direction: column;
     justify-content: center;
+    align-items: center;
   }
 
   .BottomGame {