Files
ladill-meet/resources/views/components/meet-kiosk-layout.blade.php
T
isaaccladandCursor 9943dc9e44
Deploy Ladill Meet / deploy (push) Successful in 35s
Improve mobile UX on public pages and the live room header.
Cap customer-facing logos at 50vw on phones, tighten leave-feedback layout, and show icon-only share plus a blinking record dot on mobile.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-03 14:58:51 +00:00

46 lines
1.9 KiB
PHP

@props([
'title' => 'Ladill Meet',
'organization' => null,
'eyebrow' => null,
])
<!DOCTYPE html>
<html lang="en" class="app-shell">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ $title }}</title>
@include('partials.favicon')
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet" />
@vite(['resources/css/app.css', 'resources/js/meet-public.js'])
@stack('head')
</head>
<body {{ $attributes->merge(['class' => 'min-h-screen bg-slate-100 font-sans text-slate-900 antialiased']) }}>
<div class="pointer-events-none fixed inset-0 overflow-hidden" aria-hidden="true">
<div class="absolute -left-24 top-0 h-72 w-72 rounded-full bg-indigo-200/40 blur-3xl"></div>
<div class="absolute -right-16 bottom-0 h-80 w-80 rounded-full bg-violet-200/40 blur-3xl"></div>
</div>
<div class="fixed inset-x-0 top-0 z-10 h-1.5 bg-gradient-to-r from-indigo-600 to-violet-600"></div>
@if ($organization)
@include('meet.partials.kiosk-brand', ['organization' => $organization])
@else
<div class="fixed left-0 top-0 z-20 p-6">
<img src="{{ asset(\App\Support\OrganizationBranding::DEFAULT_LOGO) }}?v={{ @filemtime(public_path(\App\Support\OrganizationBranding::DEFAULT_LOGO)) ?: '1' }}"
alt="Ladill Meet"
class="public-brand-logo h-8 w-auto max-w-[220px] object-contain object-left">
</div>
@endif
<div class="relative mx-auto flex min-h-screen max-w-3xl flex-col px-4 pb-10 pt-16 sm:px-6 sm:pb-12 sm:pt-20">
@if ($eyebrow)
<p class="text-center text-sm font-semibold uppercase tracking-wider text-indigo-600">{{ $eyebrow }}</p>
@endif
{{ $slot }}
</div>
</body>
</html>