franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): update layout width

Browse Source
This commit is contained in:
Aman Varshney
2025-07-20 22:57:19 +05:30
parent 87d4362c6d
commit fcbdd0d955
6 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -946,7 +946,7 @@ export default function AnalyticsPage() {
const hourlyDistributionData = getHourlyDistributionData(); const hourlyDistributionData = getHourlyDistributionData();
return ( 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="container mx-auto space-y-8 px-4 py-8 pt-16">
<div className="mb-8"> <div className="mb-8">
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap"> <div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">

11
apps/web/src/app/(home)/layout.tsx
View File

@@ -17,15 +17,20 @@ export default function Layout({ children }: { children: ReactNode }) {
if (pathname === "/new") { if (pathname === "/new") {
header.classList.remove("*:mx-auto", "*:max-w-fd-container"); header.classList.remove("*:mx-auto", "*:max-w-fd-container");
main.classList.remove("max-w-[1400px]", "mx-auto", "min-h-svh");
} else { } else {
header.classList.add("*:mx-auto", "*:max-w-fd-container"); header.classList.add("*:mx-auto", "*:max-w-fd-container");
main.classList.add("max-w-[1400px]", "mx-auto", "min-h-svh");
} }
}, [pathname]); }, [pathname]);
return ( return (
<HomeLayout {...baseOptions}> <HomeLayout
{...baseOptions}
style={
{
"--spacing-fd-container": "1280px",
} as object
}
>
<main className="h-full w-full">{children}</main> <main className="h-full w-full">{children}</main>
</HomeLayout> </HomeLayout>
); );

2
apps/web/src/app/(home)/page.tsx
View File

@@ -58,7 +58,7 @@ export default function HomePage() {
}; };
return ( return (
<div className="min-h-svh"> <div className="mx-auto min-h-svh max-w-[1280px]">
<main className="mx-auto px-4 pt-16"> <main className="mx-auto px-4 pt-16">
<div className="mb-8 flex items-center justify-center"> <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"> <div className="flex flex-wrap items-center justify-center gap-2 sm:gap-4 md:gap-6">

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

@@ -70,7 +70,7 @@ const showcaseProjects = [
export default function ShowcasePage() { export default function ShowcasePage() {
return ( 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="container mx-auto space-y-8 px-4 py-8 pt-16">
<div className="mb-8"> <div className="mb-8">
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap"> <div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">

5
apps/web/src/app/global.css
View File

@@ -5,11 +5,6 @@
@custom-variant dark (&:where(.dark, .dark *)); @custom-variant dark (&:where(.dark, .dark *));
:root {
/* --fd-layout-width: 1400px; */
/* --max-w-fh-container: 100%; */
}
.react-tweet-theme { .react-tweet-theme {
--tweet-container-margin: 0 !important; --tweet-container-margin: 0 !important;
@apply !bg-fd-background !border-none !h-full !border-transparent !w-full; @apply !bg-fd-background !border-none !h-full !border-transparent !w-full;

1
apps/web/src/components/ai/page-actions.tsx
View File

@@ -52,6 +52,7 @@ export function LLMCopyButton({
return ( return (
<button <button
type="button"
disabled={isLoading} disabled={isLoading}
className={cn( className={cn(
buttonVariants({ buttonVariants({