Oliver/presenton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #81 from presenton/fix/layout_width

Browse source 
fix(layouts): add mx-auto for export alignment
This commit is contained in:
Shiva Raj Badu 2025-07-12 22:51:46 +05:45 • committed by GitHub
commit e80b8758c5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type1Layout.tsx
View file

@ -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}

12
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type2Layout.tsx
View file

@ -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",
}}

2
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type4Layout.tsx
View file

@ -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}

7
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type5Layout.tsx
View file

@ -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} />

2
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type6Layout.tsx
View file

@ -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"

2
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type7Layout.tsx
View file

@ -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"

2
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type8Layout.tsx
View file

@ -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}

2
servers/nextjs/app/(presentation-generator)/components/slide_layouts/Type9Layout.tsx
View file

@ -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"

2
servers/nextjs/app/(presentation-generator)/pdf-maker/PdfMakerPage.tsx
View file

@ -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>