mirror of
https://github.com/jakejarvis/sofa.git
synced 2026-08-29 02:45:39 -04:00
jake
383f0b819b
- Stack title-hero poster/metadata vertically on mobile (flex-col md:flex-row), switch backdrop tall breakpoint from sm to md - Extract bio expand/collapse logic into reusable ExpandableText component; use it in PersonHero and TitleHero - Fix ContinueWatchingCard image to use fill + sizes instead of fixed width/height to avoid layout shift - Add fade-out gradient on genre chip scrollbar edge on mobile - Show scaled-down ambient glow on mobile instead of hiding it entirely - Humanize knownForDepartment labels (Acting→Actor, Directing→Director, etc.) - Change cast member name from truncate to line-clamp-2 for wrapping - Hide tooltip arrow via [&>:last-child]:hidden instead of color-matching it - Apply safe-area-inset padding to HeroBanner content on notched devices
39 lines
1.6 KiB
TypeScript
39 lines
1.6 KiB
TypeScript
import { Provider as StoreProvider } from "jotai";
|
|
import { redirect } from "next/navigation";
|
|
import { CommandPalette } from "@/components/command-palette";
|
|
import { MobileTabBar } from "@/components/mobile-tab-bar";
|
|
import { NavBar } from "@/components/nav-bar";
|
|
import { ProgressProvider } from "@/components/navigation-progress";
|
|
import { UpdateToast } from "@/components/update-toast";
|
|
import { getSession } from "@/lib/auth/session";
|
|
|
|
export default async function PagesLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
const session = await getSession();
|
|
if (!session) redirect("/login");
|
|
|
|
return (
|
|
<StoreProvider>
|
|
<ProgressProvider>
|
|
<div className="relative z-0 min-h-screen pb-[calc(3.5rem+env(safe-area-inset-bottom))] sm:pb-0">
|
|
<NavBar userName={session.user.name} />
|
|
{/* Ambient glow — smaller on mobile to add warmth without overwhelming */}
|
|
<div className="pointer-events-none fixed top-1/4 left-1/2 h-[300px] w-[300px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary/3 blur-[120px] sm:h-[600px] sm:w-[800px] sm:blur-[200px]" />
|
|
<main
|
|
id="main-content"
|
|
className="relative mx-auto max-w-6xl py-6 pr-[max(1rem,env(safe-area-inset-right))] pl-[max(1rem,env(safe-area-inset-left))] sm:pr-[max(1.5rem,env(safe-area-inset-right))] sm:pl-[max(1.5rem,env(safe-area-inset-left))]"
|
|
>
|
|
{children}
|
|
</main>
|
|
</div>
|
|
<MobileTabBar />
|
|
<CommandPalette />
|
|
{session.user.role === "admin" && <UpdateToast />}
|
|
</ProgressProvider>
|
|
</StoreProvider>
|
|
);
|
|
}
|