sixseconds-modules 1.6.173 → 1.6.174

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