ultisuite-client/components/demo/demo-chrome.tsx
R3D347HR4Y ad1370ea7e
Some checks are pending
E2E / Playwright e2e (push) Waiting to run
feat: enhance configuration and add new demo layouts
- Introduced turbopack alias for canvas in next.config.mjs.
- Updated package.json scripts for development and branding tasks.
- Added new dependencies for Tiptap extensions.
- Implemented new demo layouts for agenda, contacts, drive, and mail applications.
- Enhanced globals.css for improved theming and splash screen animations.
- Added OAuth callback handling for drive mounts.
- Updated layout components to integrate new demo shells and improve structure.
2026-06-12 19:10:24 +02:00

36 lines
924 B
TypeScript

"use client"
import type { ReactNode } from "react"
import { DemoNavigationGuard } from "@/components/demo/demo-navigation-guard"
import { cn } from "@/lib/utils"
export function DemoChrome({
children,
className,
}: {
children: ReactNode
className?: string
}) {
return (
<div
className={cn(
"relative flex h-dvh max-h-dvh flex-col overflow-hidden",
className
)}
>
<DemoNavigationGuard />
<div
className={cn(
"pointer-events-none absolute inset-x-0 top-0 z-50 flex justify-center pt-2",
"max-sm:pt-1"
)}
>
<span className="rounded-full border border-[var(--mail-border)] bg-[var(--mail-surface-elevated)]/95 px-3 py-1 text-[11px] font-semibold text-[var(--mail-text-muted)] shadow-sm backdrop-blur-sm">
Démo interactive zéro rétention
</span>
</div>
{children}
</div>
)
}