sixseconds-modules 1.6.173 → 1.6.175

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.
package/dist/index.cjs.js CHANGED
@@ -13667,7 +13667,6 @@ const isolatedTheme = material.createTheme({
13667
13667
  fontFamily: "'IBM Plex Sans', sans-serif"
13668
13668
  }
13669
13669
  });
13670
- material.unstable_ClassNameGenerator.configure((componentName) => `sixseconds-modules-${componentName}`);
13671
13670
  function createEmotionCache() {
13672
13671
  if (typeof document === "undefined") {
13673
13672
  return createCache({ key: "sixseconds", prepend: true });
@@ -14537,31 +14536,37 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
14537
14536
  onClick: () => handleRedirection2(appName, item.link, item.type),
14538
14537
  item: true,
14539
14538
  md: 4,
14540
- xs: 6,
14539
+ sm: 4,
14540
+ xs: 4,
14541
14541
  sx: { cursor: "pointer", textDecoration: "none" },
14542
14542
  children: /* @__PURE__ */ jsxRuntime.jsxs(
14543
14543
  material.Box,
14544
14544
  {
14545
14545
  className: "sixseconds-header-dashboard-boxes",
14546
14546
  sx: {
14547
+ display: "flex",
14548
+ flexDirection: "column",
14549
+ justifyContent: "flex-start",
14550
+ alignItems: "center",
14547
14551
  textAlign: "center",
14548
- p: 2,
14552
+ p: { xs: 1, md: 2 },
14553
+ height: "100%",
14549
14554
  borderRadius: "12px",
14550
14555
  transition: "all 0.2s",
14551
14556
  "&:hover": {
14552
14557
  background: "#f8f9fa",
14553
- "& .MuiTypography-root": {
14558
+ "& .sixseconds-header-menu-text": {
14554
14559
  color: "#0073b1"
14555
14560
  }
14556
14561
  }
14557
14562
  },
14558
14563
  children: [
14559
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14564
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
14560
14565
  "img",
14561
14566
  {
14562
14567
  width: 38,
14563
14568
  height: 38,
14564
- style: { margin: "0 auto", display: "block" },
14569
+ style: { margin: "0 auto", display: "block", objectFit: "contain" },
14565
14570
  src: item.icon,
14566
14571
  alt: item.name
14567
14572
  }
@@ -14569,11 +14574,13 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
14569
14574
  /* @__PURE__ */ jsxRuntime.jsx(
14570
14575
  material.Typography,
14571
14576
  {
14577
+ className: "sixseconds-header-menu-text",
14572
14578
  sx: {
14573
- fontSize: "13px",
14579
+ fontSize: { xs: "12px", md: "13px" },
14574
14580
  color: "#1a1c1e",
14575
14581
  fontWeight: 500,
14576
- lineHeight: 1.2
14582
+ lineHeight: 1.2,
14583
+ wordBreak: "break-word"
14577
14584
  },
14578
14585
  children: t2(item.name)
14579
14586
  }