mirror of
https://github.com/jakejarvis/sofa.git
synced 2026-08-29 01:35:39 -04:00
jakeandClaude Opus 4.6
978ebfbf3a
Use full-bleed margin technique to break out of max-w-6xl container, add explicit w-full to prevent aspect-ratio from shrinking the image container when max-height kicks in, and add overflow-x-hidden to the page wrapper to prevent scrollbar from 100vw units. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
import { CommandPalette } from "@/components/command-palette";
|
|
import { KeyboardHelpDialog } from "@/components/keyboard-help-dialog";
|
|
import { KeyboardProvider } from "@/components/keyboard-provider";
|
|
import { MobileTabBar } from "@/components/mobile-tab-bar";
|
|
import { NavBar } from "@/components/nav-bar";
|
|
import { Toaster } from "@/components/ui/sonner";
|
|
|
|
export default function PagesLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<KeyboardProvider>
|
|
<div className="min-h-screen overflow-x-hidden pb-14 sm:pb-0">
|
|
<NavBar />
|
|
{/* Ambient glow */}
|
|
<div className="pointer-events-none fixed left-1/2 top-1/4 -translate-x-1/2 -translate-y-1/2 h-[600px] w-[800px] rounded-full bg-primary/3 blur-[200px]" />
|
|
<main className="relative mx-auto max-w-6xl px-4 py-6 sm:px-6">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
<MobileTabBar />
|
|
<CommandPalette />
|
|
<KeyboardHelpDialog />
|
|
<Toaster position="bottom-right" />
|
|
</KeyboardProvider>
|
|
);
|
|
}
|