From 34f36db33b03dcd23aba7e396a5eb139c0ad33dc Mon Sep 17 00:00:00 2001 From: Akmal Date: Sat, 9 May 2026 17:14:31 +0500 Subject: [PATCH 1/7] style: prevent dashboard shell overflow --- frontend/apps/admin/src/app/(dashboard)/layout.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/apps/admin/src/app/(dashboard)/layout.tsx b/frontend/apps/admin/src/app/(dashboard)/layout.tsx index b1dcbd9..7e2db54 100644 --- a/frontend/apps/admin/src/app/(dashboard)/layout.tsx +++ b/frontend/apps/admin/src/app/(dashboard)/layout.tsx @@ -7,11 +7,11 @@ export default function DashboardLayout({ children: React.ReactNode; }>) { return ( -
+
-
+
-
+
{children}
From 76e826f4c412e1379b5a7f47b81f9a1911a146e8 Mon Sep 17 00:00:00 2001 From: Akmal Date: Sat, 9 May 2026 17:14:44 +0500 Subject: [PATCH 2/7] style: improve responsive header spacing --- frontend/apps/admin/src/components/layout/Header.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend/apps/admin/src/components/layout/Header.tsx b/frontend/apps/admin/src/components/layout/Header.tsx index e0dd933..a4fef04 100644 --- a/frontend/apps/admin/src/components/layout/Header.tsx +++ b/frontend/apps/admin/src/components/layout/Header.tsx @@ -9,12 +9,12 @@ export function Header() { const { t } = useTranslation(); return ( -
-
- OmniPIM MAX / {t("dashboard")} +
+
+ OmniPIM MAX / {t("dashboard")}
-
-
+
+
Date: Sat, 9 May 2026 17:15:09 +0500 Subject: [PATCH 3/7] style: add compact responsive sidebar --- .../apps/admin/src/components/layout/Sidebar.tsx | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/frontend/apps/admin/src/components/layout/Sidebar.tsx b/frontend/apps/admin/src/components/layout/Sidebar.tsx index 12a8290..7bb2e28 100644 --- a/frontend/apps/admin/src/components/layout/Sidebar.tsx +++ b/frontend/apps/admin/src/components/layout/Sidebar.tsx @@ -32,9 +32,12 @@ export function Sidebar() { ]; return ( -
-
-

OmniPIM MAX

+
+
+

+ OP + OmniPIM MAX +

-
+
Version 1.0.0-enterprise
From 0de9ea44493be777b516a5f3e362fd68a6bd60db Mon Sep 17 00:00:00 2001 From: Akmal Date: Sat, 9 May 2026 17:15:31 +0500 Subject: [PATCH 4/7] style: improve product editor action wrapping --- .../src/app/(dashboard)/catalog/editor/page.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/frontend/apps/admin/src/app/(dashboard)/catalog/editor/page.tsx b/frontend/apps/admin/src/app/(dashboard)/catalog/editor/page.tsx index c4a3849..ebf9b37 100644 --- a/frontend/apps/admin/src/app/(dashboard)/catalog/editor/page.tsx +++ b/frontend/apps/admin/src/app/(dashboard)/catalog/editor/page.tsx @@ -18,18 +18,18 @@ export default function ProductEditorPage() { return (
-
-
+
+

Product Editor

Editing: T-Shirt Basic (TSHIRT-001)

-
- - +
+ +
-
+

Master Attributes

From 1ddc1d69baa539131dd4f6f7327303696a240aa8 Mon Sep 17 00:00:00 2001 From: Akmal Date: Sat, 9 May 2026 17:15:47 +0500 Subject: [PATCH 5/7] style: improve dynamic form responsiveness --- .../admin/src/components/catalog/DynamicAttributeForm.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/frontend/apps/admin/src/components/catalog/DynamicAttributeForm.tsx b/frontend/apps/admin/src/components/catalog/DynamicAttributeForm.tsx index 28bcafb..260264a 100644 --- a/frontend/apps/admin/src/components/catalog/DynamicAttributeForm.tsx +++ b/frontend/apps/admin/src/components/catalog/DynamicAttributeForm.tsx @@ -32,15 +32,15 @@ export function DynamicAttributeForm({ attributes, initialValues, onSubmit }: Dy return (
- -
+ +
{attributes.map((attr) => ( ( - + {attr.type !== "boolean" && {attr.label}} {attr.type === "text" ? ( @@ -67,7 +67,7 @@ export function DynamicAttributeForm({ attributes, initialValues, onSubmit }: Dy /> ))}
- + ); From 9b8e3b7925dc7947850ea8f2bc9fce3d4384f51b Mon Sep 17 00:00:00 2001 From: Akmal Date: Sat, 9 May 2026 17:16:07 +0500 Subject: [PATCH 6/7] style: improve completeness sidebar responsiveness --- .../catalog/ProductCompletenessSidebar.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/frontend/apps/admin/src/components/catalog/ProductCompletenessSidebar.tsx b/frontend/apps/admin/src/components/catalog/ProductCompletenessSidebar.tsx index 7022eb2..aaaf4bd 100644 --- a/frontend/apps/admin/src/components/catalog/ProductCompletenessSidebar.tsx +++ b/frontend/apps/admin/src/components/catalog/ProductCompletenessSidebar.tsx @@ -14,17 +14,17 @@ export function ProductCompletenessSidebar({ score, missingAttributes, channel, const scoreColor = score >= 100 ? "bg-green-500" : score >= 50 ? "bg-yellow-500" : "bg-red-500"; return ( - + Completeness Score -
{channel} - {locale}
+
{channel} - {locale}
 - +
{score}%
-
+
@@ -32,9 +32,9 @@ export function ProductCompletenessSidebar({ score, missingAttributes, channel, {missingAttributes.length > 0 && (

Missing Required Data:

-
    +
      {missingAttributes.map(attr => ( -
    • {attr}
      • +
    • {attr}
      • ))}
From dd57cd5eda51caf79b118eca1004df14503f8d73 Mon Sep 17 00:00:00 2001 From: Akmal Date: Sat, 9 May 2026 17:16:20 +0500 Subject: [PATCH 7/7] docs: add responsive testing notes --- docs/responsive-testing.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 docs/responsive-testing.md diff --git a/docs/responsive-testing.md b/docs/responsive-testing.md new file mode 100644 index 0000000..8a24459 --- /dev/null +++ b/docs/responsive-testing.md @@ -0,0 +1,18 @@ +# Responsive testing notes + +Check the admin shell at these widths before merging layout changes: + +| Width | What to verify | +| --- | --- | +| 390px | Sidebar collapses, header text truncates, primary actions wrap. | +| 768px | Forms keep readable gaps and do not create horizontal scroll. | +| 1024px | Sidebar labels are visible and dashboard content uses available width. | +| 1440px | Product editor cards and side panels remain balanced. | + +Core flows: + +- catalog product form; +- product editor master attributes; +- completeness side panel; +- header search and profile actions; +- long missing-attribute names.