alezmad/whyrating
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove disruptive TurboStarter promo dialog and fix horizontal overflow

Browse Source 
- Remove BuyCtaDialog import/usage from root layout (TurboStarter boilerplate promo)
- Add overflow-x-hidden on html and body to prevent right-side empty space
- Add w-full on body for proper full-width stretching

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-02-23 00:15:46 +00:00
parent c7ee5ce269
commit b92dfecac4
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/app/[locale]/layout.tsx
View File

@@ -7,7 +7,6 @@ import { Providers } from "~/lib/providers/providers";
import { ImpersonatingBanner } from "~/modules/admin/users/user/impersonating-banner"; import { ImpersonatingBanner } from "~/modules/admin/users/user/impersonating-banner";
import { BaseLayout } from "~/modules/common/layout/base"; import { BaseLayout } from "~/modules/common/layout/base";
import { Toaster } from "~/modules/common/toast"; import { Toaster } from "~/modules/common/toast";
import { BuyCtaDialog } from "~/modules/marketing/layout/buy-cta-dialog";
export function generateStaticParams() { export function generateStaticParams() {
return config.locales.map((locale) => ({ locale })); return config.locales.map((locale) => ({ locale }));
@@ -33,7 +32,6 @@ export default async function RootLayout({
<Providers locale={locale}> <Providers locale={locale}>
<ImpersonatingBanner /> <ImpersonatingBanner />
{children} {children}
<BuyCtaDialog />
<Toaster /> <Toaster />
</Providers> </Providers>
</BaseLayout> </BaseLayout>

4
apps/web/src/modules/common/layout/base.tsx
View File

@@ -31,10 +31,10 @@ interface BaseLayoutProps {
export const BaseLayout = ({ children, locale }: BaseLayoutProps) => { export const BaseLayout = ({ children, locale }: BaseLayoutProps) => {
return ( return (
<html lang={locale} suppressHydrationWarning className={cn(sans.variable, wordmark.variable, mono.variable)}> <html lang={locale} suppressHydrationWarning className={cn(sans.variable, wordmark.variable, mono.variable, "overflow-x-hidden")}>
<body <body
suppressHydrationWarning suppressHydrationWarning
className="bg-background text-foreground flex min-h-screen flex-col items-center justify-center font-sans antialiased" className="bg-background text-foreground flex min-h-screen w-full flex-col items-center justify-center overflow-x-hidden font-sans antialiased"
data-theme={appConfig.theme.color} data-theme={appConfig.theme.color}
> >
{children} {children}