fix: section max width

makeswift · Dec 19, 2024 · 14383cd · 14383cd
1 parent 731b60a
commit 14383cd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/apps/web/vibes/soul/sections/section-layout/index.tsx b/apps/web/vibes/soul/sections/section-layout/index.tsx
@@ -28,10 +28,10 @@ export function SectionLayout({
         className={clsx(
           'mx-auto px-4 py-10 @xl:px-6 @xl:py-14 @4xl:px-8 @4xl:py-20',
           {
-            md: 'max-w-screen-[var(--section-max-width-md,768px)]',
-            lg: 'max-w-screen-[var(--section-max-width-lg,1024px)]',
-            xl: 'max-w-screen-[var(--section-max-width-xl,1280px)]',
-            '2xl': 'max-w-screen-[var(--section-max-width-2xl,1536px)]',
+            md: 'max-w-[var(--section-max-width-md,768px)]',
+            lg: 'max-w-[var(--section-max-width-lg,1024px)]',
+            xl: 'max-w-[var(--section-max-width-xl,1280px)]',
+            '2xl': 'max-w-[var(--section-max-width-2xl,1536px)]',
           }[containerSize],
         )}
       >

diff --git a/apps/web/vibes/soul/sections/sticky-sidebar-layout/index.tsx b/apps/web/vibes/soul/sections/sticky-sidebar-layout/index.tsx
@@ -34,10 +34,10 @@ export function StickySidebarLayout({
         className={clsx(
           'mx-auto flex flex-col items-stretch gap-x-16 gap-y-10 px-4 py-10 @xl:px-6 @xl:py-14 @4xl:flex-row @4xl:px-8 @4xl:py-20',
           {
-            md: 'max-w-screen-[var(--section-max-width-md,768px)]',
-            lg: 'max-w-screen-[var(--section-max-width-lg,1024px)]',
-            xl: 'max-w-screen-[var(--section-max-width-xl,1280px)]',
-            '2xl': 'max-w-screen-[var(--section-max-width-2xl,1536px)]',
+            md: 'max-w-[var(--section-max-width-md,768px)]',
+            lg: 'max-w-[var(--section-max-width-lg,1024px)]',
+            xl: 'max-w-[var(--section-max-width-xl,1280px)]',
+            '2xl': 'max-w-[var(--section-max-width-2xl,1536px)]',
           }[containerSize],
         )}
       >