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

fix(Nextjs/layouts): Layouts overflow

Browse source
This commit is contained in:
shiva raj badu 2025-07-14 14:16:06 +05:45
parent a36702877e
commit b0833e3914
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -86,7 +86,7 @@ const Type2Layout = ({
</DropdownMenu>
);
const isGridLayout = body.length === 4;
const isGridLayout = body.length >= 4;
const renderContent = () => {
if (design_index === 3) {

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

@ -47,18 +47,21 @@ const Type7Layout = ({
case 2: return 'lg:grid-cols-2';
case 3: return 'lg:grid-cols-3';
case 4: return 'lg:grid-cols-4';
case 5: return 'lg:grid-cols-5';
case 6: return 'lg:grid-cols-6';
case 7: return 'lg:grid-cols-7';
// Add more cases as needed
default: return 'lg:grid-cols-1';
}
}
const isGridLayout = body.length === 4;
const isGridLayout = body.length >= 4;
const renderContent = () => {
if (isGridLayout) {
return (
<div
className={`grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6 lg:gap-8 mt-4 lg:mt-12 w-full relative group`}
className={`grid grid-cols-1 ${body.length > 4 ? 'md:grid-cols-3' : 'md:grid-cols-2'} gap-4 sm:gap-6 lg:gap-8 mt-4 lg:mt-12 w-full relative group`}
>
<div className="absolute hidden lg:block -inset-[2px] border-2 border-transparent group-hover:border-blue-500 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" />