efaaf16f60
Some checks are pending
E2E / Playwright e2e (push) Waiting to run
- Refactored metadata for contacts, administration, and Ulticards pages to utilize dynamic app names and descriptions. - Introduced new product pages for Ultiai, Ultical, Ulticards, Ultidrive, Ultimail, and Ultimeet with appropriate metadata. - Enhanced layout components to ensure consistent styling and functionality across new product sections. - Updated various components to replace hardcoded labels with dynamic references to improve maintainability and consistency.
36 lines
930 B
TypeScript
36 lines
930 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)]/60 bg-[var(--mail-surface-elevated)]/75 px-3 py-1 text-[11px] font-semibold text-[var(--mail-text-muted)]/90 shadow-sm backdrop-blur-sm">
|
|
Démo interactive — zéro rétention
|
|
</span>
|
|
</div>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|