@attabot/product-app 1.0.28 → 1.0.30

package/dist/product-app.js

@@ -7452,7 +7452,7 @@ function Mn() {
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        minHeight: { xs: 260, sm: 320, md: 360 },
+        minHeight: { xs: 320, sm: 380, md: 440 },
         bgcolor: "#fff",
         mx: { xs: 0, sm: 4, md: 8 },
         py: { xs: 6, md: 8 },
@@ -8511,7 +8511,9 @@ function Mn() {
     // CategoryDetails.jsx – main content wrapper (below TopBar)
     // -------------------------------------------------------------------------
     contentWrapper: {
-      marginTop: 10,
+      // Spacer so fixed TopBar (72px tall) does not
+      // overlap the dashboard cards/table content.
+      marginTop: 8,
       position: "relative",
       zIndex: 0,
       width: "100%",
@@ -33259,13 +33261,13 @@ const oy = ({
           {
             sx: {
               ...Ce.root,
+              // Fixed so it always stays at the top of the viewport
+              // while the page scrolls. It spans the full width so
+              // the background aligns with the layout shell.
               position: "fixed",
               top: 0,
               left: 0,
               right: 0,
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
               width: "100%",
               height: 72,
               minHeight: 72,
@@ -33274,8 +33276,8 @@ const oy = ({
               paddingBottom: 0,
               gap: "16px",
               boxSizing: "border-box",
-              overflow: "hidden",
-              zIndex: 1200
+              overflow: "visible",
+              zIndex: 1100
             },
             children: /* @__PURE__ */ u(
               lr,
@@ -33285,8 +33287,9 @@ const oy = ({
                 sx: {
                   width: "100%",
                   display: "flex",
-                  justifyContent: "center",
-                  boxSizing: "border-box"
+                  justifyContent: "flex-start",
+                  boxSizing: "border-box",
+                  px: { xs: 1, sm: 2, md: 4 }
                 },
                 children: /* @__PURE__ */ P(O, { sx: {
                   ...Ce.inner,