From 07232f09fe09b2a5c83816424e8cf1745fda84fa Mon Sep 17 00:00:00 2001
From: Jiku Godwill <jikugodwill@yahoo.com>
Date: Thu, 6 Jun 2024 09:38:46 +0100
Subject: [PATCH] Fixed app width on other gateways

---
 apps/Mintbase/data.json                       |  2 +-
 apps/Mintbase/widget/Mintbase/App/Layout.jsx  | 47 ++++++++++++-------
 .../widget/Mintbase/App/Profile/Index.jsx     |  4 +-
 3 files changed, 34 insertions(+), 19 deletions(-)

diff --git a/apps/Mintbase/data.json b/apps/Mintbase/data.json
index 204825e4..d2344a91 100644
--- a/apps/Mintbase/data.json
+++ b/apps/Mintbase/data.json
@@ -1,3 +1,3 @@
 {
-  "bos.genadrop.near": {}
+  "mintbos.testnet": {}
 }
diff --git a/apps/Mintbase/widget/Mintbase/App/Layout.jsx b/apps/Mintbase/widget/Mintbase/App/Layout.jsx
index f775d711..1a81388b 100644
--- a/apps/Mintbase/widget/Mintbase/App/Layout.jsx
+++ b/apps/Mintbase/widget/Mintbase/App/Layout.jsx
@@ -1,33 +1,48 @@
+const data = fetch(`https://httpbin.org/headers`);
+const gatewayURL = data?.body?.headers?.Origin ?? "";
+
+const Container = gatewayURL.includes("near.org")
+  ? styled.div`
+      width: 100%;
+    `
+  : styled.div`
+      position: fixed;
+      inset: 73px 0px 0px;
+      width: 100%;
+      overflow-y: scroll;
+    `;
 return {
   Layout: ({ variant, blocks, children, isHome }) => {
     switch (variant) {
       case "standard": {
         const { Header, Footer } = blocks;
         return (
-          <div
-            className="layout"
-            style={{
-              display: "flex",
-              flexDirection: "column",
-              width: "100%",
-              height: "100%",
-            }}
-          >
-            <Header isHome={isHome.page === "home"} />
+          <Container>
             <div
-              className="content"
+              className="layout"
               style={{
-                flex: 1,
                 display: "flex",
                 flexDirection: "column",
-                alignItems: "center",
                 width: "100%",
+                height: "100%",
               }}
             >
-              {children}
+              <Header isHome={isHome.page === "home"} />
+              <div
+                className="content"
+                style={{
+                  flex: 1,
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  width: "100%",
+                }}
+              >
+                {children}
+              </div>
+              <Footer />
             </div>
-            <Footer />
-          </div>
+          </Container>
         );
       }
     }
diff --git a/apps/Mintbase/widget/Mintbase/App/Profile/Index.jsx b/apps/Mintbase/widget/Mintbase/App/Profile/Index.jsx
index 2cbc3f57..14fed66c 100644
--- a/apps/Mintbase/widget/Mintbase/App/Profile/Index.jsx
+++ b/apps/Mintbase/widget/Mintbase/App/Profile/Index.jsx
@@ -17,10 +17,10 @@ const actualTabs = {
   tabLabels: [
     { id: 0, title: "Owned" },
     { id: 1, title: "Minted" },
-    // { id: 2, title: "_About", hidden: !isConnected },
+    { id: 2, title: "_About", hidden: !isConnected },
     { id: 3, title: "Activity" },
     { id: 4, title: "Contracts" },
-    // { id: 5, title: "_User Settings", hidden: !isConnected },
+    { id: 5, title: "_User Settings", hidden: !isConnected },
   ],
 };