Fix incorrect grid columns on tablets in page detail views (#5073)

* add missing tablet columns * changeset
saleor · Jul 29, 2024 · 0d14016 · 0d14016
1 parent e6be141
commit 0d14016
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/shy-lizards-arrive.md b/.changeset/shy-lizards-arrive.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+You can now view channel and product details pages on tablets
diff --git a/src/components/Layouts/Detail/Root.tsx b/src/components/Layouts/Detail/Root.tsx
@@ -20,12 +20,14 @@ export const RootLayout: React.FC<DetailPageLayoutProps> = ({
     if (gridTemplateColumns instanceof Object) {
       return {
         mobile: gridTemplateColumns.mobile ?? 1,
+        tablet: gridTemplateColumns.tablet,
         ...gridTemplateColumns,
       };
     }
 
     return {
       mobile: 1,
+      tablet: gridTemplateColumns,
       desktop: gridTemplateColumns,
     };
   }, [gridTemplateColumns]);