From 70e98316e294f407200694f43ae49771a03a94e2 Mon Sep 17 00:00:00 2001
From: shiva raj badu <shivabadu5@gmail.com>
Date: Sat, 12 Jul 2025 22:49:43 +0545
Subject: [PATCH] fix(layouts): add mx-auto for export alignment

---
 .../components/slide_layouts/Type1Layout.tsx         |  2 +-
 .../components/slide_layouts/Type2Layout.tsx         | 12 ++++++------
 .../components/slide_layouts/Type4Layout.tsx         |  2 +-
 .../components/slide_layouts/Type5Layout.tsx         |  7 +++----
 .../components/slide_layouts/Type6Layout.tsx         |  2 +-
 .../components/slide_layouts/Type7Layout.tsx         |  2 +-
 .../components/slide_layouts/Type8Layout.tsx         |  2 +-
 .../components/slide_layouts/Type9Layout.tsx         |  2 +-
 .../pdf-maker/PdfMakerPage.tsx                       |  2 +-
 9 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type1Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type1Layout.tsx
index 82ab12a9..9570dbe5 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type1Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type1Layout.tsx
@@ -26,7 +26,7 @@ const Type1Layout = ({
   const { currentColors } = useSelector((state: RootState) => state.theme);
   return (
     <div
-      className="slide-container  w-full  rounded-sm  max-w-[1280px] shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] max-h-[720px] flex items-center  aspect-video bg-white relative z-20"
+      className="slide-container  w-full  rounded-sm  max-w-[1280px] shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] max-h-[720px] flex items-center  aspect-video bg-white relative z-20 mx-auto"
       data-slide-element
       data-slide-id={slideId}
       data-slide-index={slideIndex}
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type2Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type2Layout.tsx
index a6915ef0..3a3b2dd3 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type2Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type2Layout.tsx
@@ -197,8 +197,8 @@ const Type2Layout = ({
                     : "",
               }}
               className={`w-full relative group ${design_index === 2
-                  ? "slide-box shadow-lg  rounded-lg p-3 lg:p-6"
-                  : ""
+                ? "slide-box shadow-lg  rounded-lg p-3 lg:p-6"
+                : ""
                 }`}
             >
               <div className="flex gap-3 ">
@@ -277,9 +277,9 @@ const Type2Layout = ({
               boxShadow:
                 design_index === 2 ? "0 2px 10px 0 rgba(43, 43, 43, 0.2)" : "",
             }}
-            className={`w-full  relative ${design_index === 2
-                ? "slide-box shadow-lg rounded-lg p-3 lg:p-6"
-                : ""
+            className={`w-full   relative ${design_index === 2
+              ? "slide-box shadow-lg rounded-lg p-3 lg:p-6"
+              : ""
               }`}
           >
             <ElementMenu index={index} handleDeleteItem={onDeleteItem} />
@@ -327,7 +327,7 @@ const Type2Layout = ({
 
   return (
     <div
-      className="slide-container  rounded-sm max-w-[1280px] w-full shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative z-20"
+      className="slide-container  rounded-sm max-w-[1280px]w-full shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative z-20 mx-auto"
       style={{
         fontFamily: currentColors.fontFamily || "Inter, sans-serif",
       }}
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type4Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type4Layout.tsx
index 25dd0bdf..8fa91f26 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type4Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type4Layout.tsx
@@ -65,7 +65,7 @@ const Type4Layout = ({
 
   return (
     <div
-      className="slide-container shadow-lg  rounded-sm w-full max-w-[1280px] px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] font-inter  flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative z-20"
+      className="slide-container shadow-lg  rounded-sm w-full max-w-[1280px] px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] font-inter  flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative z-20 mx-auto"
       data-slide-element
       data-slide-index={slideIndex}
       data-slide-id={slideId}
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type5Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type5Layout.tsx
index 6b1e1a18..6d2b2b49 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type5Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type5Layout.tsx
@@ -28,7 +28,7 @@ const Type5Layout = ({
 
   return (
     <div
-      className="slide-container  font-inter  rounded-sm w-full max-w-[1280px] px-3 py-[10px] sm:px-12  lg:px-20  sm:py-[40px] lg:py-[86px] shadow-lg  max-h-[720px] flex flex-col items-center justify-center aspect-video bg-white relative z-20"
+      className="slide-container  font-inter  rounded-sm w-full max-w-[1280px] px-3 py-[10px] sm:px-12  lg:px-20  sm:py-[40px] lg:py-[86px] shadow-lg  max-h-[720px] flex flex-col items-center justify-center aspect-video bg-white relative z-20 mx-auto"
       data-slide-element
       data-slide-index={slideIndex}
       data-slide-id={slideId}
@@ -47,11 +47,10 @@ const Type5Layout = ({
         isAlingCenter={false}
       />
       <div
-        className={`flex  w-full items-center  ${
-          isFullSizeGraph
+        className={`flex  w-full items-center  ${isFullSizeGraph
             ? " flex-col mt-4 lg:mt-10  gap-2 sm:gap-4 md:gap-6 lg:gap-10"
             : "mt-4 lg:mt-16 gap-4 sm:gap-8 md:gap-12 lg:gap-16 "
-        } `}
+          } `}
       >
         <div className={` w-full`}>
           <AllChart chartData={graphData} slideIndex={slideIndex} />
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type6Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type6Layout.tsx
index babc0ba4..c5f6dc01 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type6Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type6Layout.tsx
@@ -44,7 +44,7 @@ const Type6Layout = ({
   };
   return (
     <div
-      className="slide-container  rounded-sm w-full max-w-[1280px] font-inter shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative z-20"
+      className="slide-container  rounded-sm w-full max-w-[1280px] font-inter shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative z-20 mx-auto"
       data-slide-element
       data-slide-index={slideIndex}
       data-element-type="slide-container"
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type7Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type7Layout.tsx
index 4371dca8..4460af64 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type7Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type7Layout.tsx
@@ -177,7 +177,7 @@ const Type7Layout = ({
 
   return (
     <div
-      className="slide-container rounded-sm w-full max-w-[1280px] font-inter shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px]    flex flex-col items-center justify-center  max-h-[720px] aspect-video bg-white relative z-20"
+      className="slide-container rounded-sm w-full max-w-[1280px] font-inter shadow-lg px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px]    flex flex-col items-center justify-center  max-h-[720px] aspect-video bg-white relative z-20 mx-auto"
       data-slide-element
       data-slide-index={slideIndex}
       data-slide-type="7"
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type8Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type8Layout.tsx
index e56bdc18..b1af87b3 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type8Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type8Layout.tsx
@@ -46,7 +46,7 @@ const Type8Layout = ({
 
   return (
     <div
-      className="slide-container  shadow-lg w-full max-w-[1280px]  rounded-sm font-inter px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] flex  items-center justify-center max-h-[720px] aspect-video bg-white relative z-20"
+      className="slide-container  shadow-lg w-full max-w-[1280px]  rounded-sm font-inter px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] flex  items-center justify-center max-h-[720px] aspect-video bg-white relative z-20 mx-auto"
       data-slide-element
       data-slide-index={slideIndex}
       data-slide-id={slideId}
diff --git a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type9Layout.tsx b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type9Layout.tsx
index f7f0fc95..b42706ef 100644
--- a/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type9Layout.tsx
+++ b/servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type9Layout.tsx
@@ -43,7 +43,7 @@ const Type9Layout = ({
   };
   return (
     <div
-      className="slide-container   rounded-sm w-full max-w-[1280px] font-inter px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] shadow-lg flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative"
+      className="slide-container   rounded-sm w-full max-w-[1280px] font-inter px-3 sm:px-12 lg:px-20 py-[10px] sm:py-[40px] lg:py-[86px] shadow-lg flex flex-col items-center justify-center max-h-[720px] aspect-video bg-white relative mx-auto"
       data-slide-element
       data-slide-index={slideIndex}
       data-slide-type="9"
diff --git a/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx b/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
index 984760e1..5e218705 100644
--- a/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
+++ b/servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
@@ -137,7 +137,7 @@ const PresentationPage = ({ presentation_id }: { presentation_id: string }) => {
                                     presentationData.slides &&
                                     presentationData.slides.length > 0 &&
                                     presentationData.slides.map((slide, index) => (
-                                        <div key={index}>
+                                        <div key={index} className="w-full">
 
                                             {renderSlideContent(slide, language)}
                                         </div>