From fcbdd0d955e94baf7476956dae3f652ddfd553e9 Mon Sep 17 00:00:00 2001
From: Aman Varshney <amanvarshney.work@gmail.com>
Date: Sun, 20 Jul 2025 22:57:19 +0530
Subject: [PATCH] fix(web): update layout width

---
 apps/web/src/app/(home)/analytics/page.tsx  |  2 +-
 apps/web/src/app/(home)/layout.tsx          | 11 ++++++++---
 apps/web/src/app/(home)/page.tsx            |  2 +-
 apps/web/src/app/(home)/showcase/page.tsx   |  2 +-
 apps/web/src/app/global.css                 |  5 -----
 apps/web/src/components/ai/page-actions.tsx |  1 +
 6 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/apps/web/src/app/(home)/analytics/page.tsx b/apps/web/src/app/(home)/analytics/page.tsx
index 702ece8..4ca6f03 100644
--- a/apps/web/src/app/(home)/analytics/page.tsx
+++ b/apps/web/src/app/(home)/analytics/page.tsx
@@ -946,7 +946,7 @@ export default function AnalyticsPage() {
 	const hourlyDistributionData = getHourlyDistributionData();
 
 	return (
-		<div className="min-h-svh">
+		<div className="mx-auto min-h-svh max-w-[1280px]">
 			<div className="container mx-auto space-y-8 px-4 py-8 pt-16">
 				<div className="mb-8">
 					<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
diff --git a/apps/web/src/app/(home)/layout.tsx b/apps/web/src/app/(home)/layout.tsx
index d5dec37..0e0777b 100644
--- a/apps/web/src/app/(home)/layout.tsx
+++ b/apps/web/src/app/(home)/layout.tsx
@@ -17,15 +17,20 @@ export default function Layout({ children }: { children: ReactNode }) {
 
 		if (pathname === "/new") {
 			header.classList.remove("*:mx-auto", "*:max-w-fd-container");
-			main.classList.remove("max-w-[1400px]", "mx-auto", "min-h-svh");
 		} else {
 			header.classList.add("*:mx-auto", "*:max-w-fd-container");
-			main.classList.add("max-w-[1400px]", "mx-auto", "min-h-svh");
 		}
 	}, [pathname]);
 
 	return (
-		<HomeLayout {...baseOptions}>
+		<HomeLayout
+			{...baseOptions}
+			style={
+				{
+					"--spacing-fd-container": "1280px",
+				} as object
+			}
+		>
 			<main className="h-full w-full">{children}</main>
 		</HomeLayout>
 	);
diff --git a/apps/web/src/app/(home)/page.tsx b/apps/web/src/app/(home)/page.tsx
index ca7b72c..5def9eb 100644
--- a/apps/web/src/app/(home)/page.tsx
+++ b/apps/web/src/app/(home)/page.tsx
@@ -58,7 +58,7 @@ export default function HomePage() {
 	};
 
 	return (
-		<div className="min-h-svh">
+		<div className="mx-auto min-h-svh max-w-[1280px]">
 			<main className="mx-auto px-4 pt-16">
 				<div className="mb-8 flex items-center justify-center">
 					<div className="flex flex-wrap items-center justify-center gap-2 sm:gap-4 md:gap-6">
diff --git a/apps/web/src/app/(home)/showcase/page.tsx b/apps/web/src/app/(home)/showcase/page.tsx
index 8843391..8fd626a 100644
--- a/apps/web/src/app/(home)/showcase/page.tsx
+++ b/apps/web/src/app/(home)/showcase/page.tsx
@@ -70,7 +70,7 @@ const showcaseProjects = [
 
 export default function ShowcasePage() {
 	return (
-		<main className="min-h-svh">
+		<main className="mx-auto min-h-svh max-w-[1280px]">
 			<div className="container mx-auto space-y-8 px-4 py-8 pt-16">
 				<div className="mb-8">
 					<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
diff --git a/apps/web/src/app/global.css b/apps/web/src/app/global.css
index d657b77..5cbc21e 100644
--- a/apps/web/src/app/global.css
+++ b/apps/web/src/app/global.css
@@ -5,11 +5,6 @@
 
 @custom-variant dark (&:where(.dark, .dark *));
 
-:root {
-	/* --fd-layout-width: 1400px; */
-	/* --max-w-fh-container: 100%; */
-}
-
 .react-tweet-theme {
 	--tweet-container-margin: 0 !important;
 	@apply !bg-fd-background !border-none !h-full !border-transparent !w-full;
diff --git a/apps/web/src/components/ai/page-actions.tsx b/apps/web/src/components/ai/page-actions.tsx
index 70c4a3a..c8e1a89 100644
--- a/apps/web/src/components/ai/page-actions.tsx
+++ b/apps/web/src/components/ai/page-actions.tsx
@@ -52,6 +52,7 @@ export function LLMCopyButton({
 
 	return (
 		<button
+			type="button"
 			disabled={isLoading}
 			className={cn(
 				buttonVariants({