@attabot/product-app 1.0.29 → 1.0.31

package/dist/product-app.js

@@ -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,9 +33261,9 @@ const oy = ({
           {
             sx: {
               ...Ce.root,
-              // Fixed so it stays at the top while scrolling.
-              // Let it span the full viewport width; inner content
-              // will be centered in a maxWidth Container (like cards/table).
+              // 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,
@@ -33274,18 +33276,18 @@ const oy = ({
               paddingBottom: 0,
               gap: "16px",
               boxSizing: "border-box",
-              overflow: "hidden",
-              zIndex: 1200
+              overflow: "visible",
+              zIndex: 1100
             },
             children: /* @__PURE__ */ u(
               lr,
               {
-                maxWidth: "lg",
+                maxWidth: !1,
                 disableGutters: !0,
                 sx: {
                   width: "100%",
                   display: "flex",
-                  justifyContent: "center",
+                  justifyContent: "flex-start",
                   boxSizing: "border-box",
                   px: { xs: 1, sm: 2, md: 4 }
                 },