Skip to content

Commit d52a083

Browse files
Add max width and center layout for home pages
1 parent d009f65 commit d52a083

File tree

4 files changed

+4
-6
lines changed

4 files changed

+4
-6
lines changed

apps/web/src/app/(home)/analytics/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -946,7 +946,7 @@ export default function AnalyticsPage() {
946946
const hourlyDistributionData = getHourlyDistributionData();
947947

948948
return (
949-
<div className="min-h-svh">
949+
<div className="mx-auto min-h-svh max-w-[1280px]">
950950
<div className="container mx-auto space-y-8 px-4 py-8 pt-16">
951951
<div className="mb-8">
952952
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">

apps/web/src/app/(home)/layout.tsx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,8 @@ export default function Layout({ children }: { children: ReactNode }) {
1717

1818
if (pathname === "/new") {
1919
header.classList.remove("*:mx-auto", "*:max-w-fd-container");
20-
main.classList.remove("max-w-[1280px]", "mx-auto", "min-h-svh");
2120
} else {
2221
header.classList.add("*:mx-auto", "*:max-w-fd-container");
23-
main.classList.add("max-w-[1280px]", "mx-auto", "min-h-svh");
2422
}
2523
}, [pathname]);
2624

@@ -33,7 +31,7 @@ export default function Layout({ children }: { children: ReactNode }) {
3331
} as object
3432
}
3533
>
36-
<main className="mx-auto h-full w-full">{children}</main>
34+
<main className="h-full w-full">{children}</main>
3735
</HomeLayout>
3836
);
3937
}

apps/web/src/app/(home)/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ export default function HomePage() {
5858
};
5959

6060
return (
61-
<div className="min-h-svh">
61+
<div className="mx-auto min-h-svh max-w-[1280px]">
6262
<main className="mx-auto px-4 pt-16">
6363
<div className="mb-8 flex items-center justify-center">
6464
<div className="flex flex-wrap items-center justify-center gap-2 sm:gap-4 md:gap-6">

apps/web/src/app/(home)/showcase/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ const showcaseProjects = [
7070

7171
export default function ShowcasePage() {
7272
return (
73-
<main className="min-h-svh">
73+
<main className="mx-auto min-h-svh max-w-[1280px]">
7474
<div className="container mx-auto space-y-8 px-4 py-8 pt-16">
7575
<div className="mb-8">
7676
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">

0 commit comments

Comments
 (0)