npm - sixseconds-modules - Versions diffs - 1.6.192 → 1.6.194 - Mend

sixseconds-modules 1.6.192 → 1.6.194

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -13766,63 +13766,90 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { touchEvent: "onTouchStart", onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2, background: "#fff", zIndex: 1100 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, spacing: 2, children: menuItems?.length > 0 && menuItems?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    material.Grid,
+  return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { touchEvent: "onTouchStart", onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(
+    material.Box,
     {
-      onClick: () => handleRedirection2(appName, item.link, item.type),
-      item: true,
-      md: 4,
-      sm: 4,
-      xs: 4,
-      sx: { cursor: "pointer", textDecoration: "none" },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        material.Box,
-        {
-          className: "sixseconds-header-dashboard-boxes",
-          component: material.IconButton,
-          sx: {
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "flex-start",
-            alignItems: "center",
-            textAlign: "center",
-            height: "100%",
-            borderRadius: "12px",
-            transition: "all 0.2s",
-            width: "100%"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                width: 40,
-                height: 40,
-                style: { margin: "0 auto", display: "block", objectFit: "contain" },
-                src: item.icon,
-                alt: item.name
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              material.Typography,
-              {
-                className: "sixseconds-header-menu-text",
-                sx: {
-                  fontSize: { xs: "12px", md: "13px" },
-                  color: "#1a1c1e",
-                  fontWeight: 500,
-                  lineHeight: 1.2,
-                  minWidth: "110px",
-                  wordBreak: "break-all"
-                },
-                children: t2(item.name)
-              }
-            )
-          ]
+      sx: {
+        p: 2,
+        background: "#fff",
+        zIndex: 1100,
+        maxHeight: "450px",
+        overflowY: "auto",
+        overflowX: "hidden",
+        "&::-webkit-scrollbar": {
+          width: "6px"
+        },
+        "&::-webkit-scrollbar-track": {
+          background: "#f1f1f1",
+          borderRadius: "10px"
+        },
+        "&::-webkit-scrollbar-thumb": {
+          background: "#ccc",
+          borderRadius: "10px",
+          "&:hover": {
+            background: "#bbb"
+          }
         }
-      )
-    },
-    index
-  )) }) }) });
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, spacing: 2, children: menuItems?.length > 0 && menuItems?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        material.Grid,
+        {
+          onClick: () => handleRedirection2(appName, item.link, item.type),
+          item: true,
+          md: 4,
+          sm: 4,
+          xs: 4,
+          sx: { cursor: "pointer", textDecoration: "none" },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            material.Box,
+            {
+              className: "sixseconds-header-dashboard-boxes",
+              component: material.IconButton,
+              sx: {
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "flex-start",
+                alignItems: "center",
+                textAlign: "center",
+                height: "100%",
+                borderRadius: "12px",
+                transition: "all 0.2s",
+                width: "100%"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    width: 40,
+                    height: 40,
+                    style: { margin: "0 auto", display: "block", objectFit: "contain" },
+                    src: item.icon,
+                    alt: item.name
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Typography,
+                  {
+                    className: "sixseconds-header-menu-text",
+                    sx: {
+                      fontSize: { xs: "12px", md: "13px" },
+                      color: "#1a1c1e",
+                      fontWeight: 500,
+                      lineHeight: 1.2,
+                      minWidth: "110px",
+                      wordBreak: "break-all"
+                    },
+                    children: t2(item.name)
+                  }
+                )
+              ]
+            }
+          )
+        },
+        index
+      )) })
+    }
+  ) });
 };
 const DropdownMenu = ({ headerMenuArray, initialState }) => {
   const pathname = typeof window !== "undefined" ? window.location.pathname : "";
@@ -15383,6 +15410,78 @@ const App = () => {
               link: "https://cards.6seconds.org",
               type: "app"
             },
+            {
+              name: "Cards ",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards ",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards ",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards ",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards ",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards ",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
             {
               name: "Cards Home",
               icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",