From 9943dc9e44673e1f446ed4c74ab807daafa45a01 Mon Sep 17 00:00:00 2001 From: isaacclad Date: Fri, 3 Jul 2026 14:58:51 +0000 Subject: [PATCH] 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 --- resources/css/app.css | 6 +++ resources/views/auth/signed-out.blade.php | 2 +- resources/views/auth/sso-error.blade.php | 2 +- .../components/meet-kiosk-layout.blade.php | 4 +- resources/views/meet/left/show.blade.php | 38 +++++++++---------- .../views/meet/partials/kiosk-brand.blade.php | 2 +- resources/views/meet/room/show.blade.php | 15 ++++++-- 7 files changed, 41 insertions(+), 28 deletions(-) diff --git a/resources/css/app.css b/resources/css/app.css index d3af9f1..870081b 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -15,6 +15,12 @@ display: none !important; } +@media (max-width: 639px) { + .public-brand-logo { + max-width: 50vw; + } +} + /* App shell: always light (ignore OS dark mode). Live meeting keeps dark UI. */ html.app-shell { color-scheme: light; diff --git a/resources/views/auth/signed-out.blade.php b/resources/views/auth/signed-out.blade.php index 17c993c..9520e31 100644 --- a/resources/views/auth/signed-out.blade.php +++ b/resources/views/auth/signed-out.blade.php @@ -22,7 +22,7 @@
{{ $signedOut['title'] ?? config('app.name') }} + class="public-brand-logo mx-auto h-7 w-auto">
- {{ $title }} +

We couldn't sign you in

Sign-in didn't complete after a few tries. This is usually a temporary diff --git a/resources/views/components/meet-kiosk-layout.blade.php b/resources/views/components/meet-kiosk-layout.blade.php index 471d3e4..8706a9f 100644 --- a/resources/views/components/meet-kiosk-layout.blade.php +++ b/resources/views/components/meet-kiosk-layout.blade.php @@ -31,11 +31,11 @@

Ladill Meet + class="public-brand-logo h-8 w-auto max-w-[220px] object-contain object-left">
@endif -
+
@if ($eyebrow)

{{ $eyebrow }}

@endif diff --git a/resources/views/meet/left/show.blade.php b/resources/views/meet/left/show.blade.php index c00cfe0..c56eda8 100644 --- a/resources/views/meet/left/show.blade.php +++ b/resources/views/meet/left/show.blade.php @@ -2,20 +2,20 @@
+ class="w-full max-w-lg rounded-2xl border border-slate-200 bg-white p-4 shadow-sm sm:rounded-3xl sm:p-6 md:p-8"> @csrf
-

You left the {{ $room->isConference() ? 'conference' : 'meeting' }}

+

You left the {{ $room->isConference() ? 'conference' : 'meeting' }}

{{ $room->title }}

@if (! empty($feedback['display_name']))

Thanks, {{ $feedback['display_name'] }}.

@endif
-
-

How was the {{ $room->isConference() ? 'conference' : 'meeting' }} overall?

-
+
+

How was the {{ $room->isConference() ? 'conference' : 'meeting' }} overall?

+
@foreach (range(1, 5) as $star)
-
-
+
+

Audio quality

-
+
@foreach (range(1, 5) as $star)
-
+

Video quality

-
+
@foreach (range(1, 5) as $star)
-
+
-
+
+ class="inline-flex w-full items-center justify-center rounded-2xl border border-slate-200 bg-white px-4 py-3.5 text-sm font-medium text-slate-600 hover:bg-slate-50"> Skip
diff --git a/resources/views/meet/partials/kiosk-brand.blade.php b/resources/views/meet/partials/kiosk-brand.blade.php index 5a1b61f..0bc1411 100644 --- a/resources/views/meet/partials/kiosk-brand.blade.php +++ b/resources/views/meet/partials/kiosk-brand.blade.php @@ -4,5 +4,5 @@
{{ OrganizationBranding::logoAlt($organization) }} + class="public-brand-logo h-8 w-auto max-w-[220px] object-contain object-left sm:max-w-[220px]">
diff --git a/resources/views/meet/room/show.blade.php b/resources/views/meet/room/show.blade.php index 9a3f69e..cc59362 100644 --- a/resources/views/meet/room/show.blade.php +++ b/resources/views/meet/room/show.blade.php @@ -157,12 +157,19 @@
- + is_locked) style="display: none" @endunless class="rounded bg-amber-600 px-2 py-0.5 font-medium text-white">Locked