isaacclad/ladill-meet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show rotate icon for Restart webinar on mobile.
Deploy Ladill Meet / deploy (push) Successful in 33s
Details

Browse Source 
Replace restart button text with a compact arrow-path icon on small screens while keeping the full label on desktop.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-07-04 02:37:25 +00:00
co-authored by Cursor
parent ce05b6b584
commit da93c9814d
1 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/meet/webinars/show.blade.php
+25 -2
View File
@@ -1,4 +1,7 @@
<x-app-layout title="{{ $room->title }}">
@php
$webinarRestarting = $room->status === 'ended' || $room->sessions->isNotEmpty();
@endphp
<div class="mx-auto max-w-2xl">
<div class="flex items-start justify-between gap-4">
<div>
@@ -9,7 +12,19 @@
@if ($room->canRestart())
<form method="POST" action="{{ route('meet.webinars.start', $room) }}">
@csrf
<button type="submit" class="btn-primary">{{ $room->restartLabel() }}</button>
<button type="submit"
class="btn-primary {{ $webinarRestarting ? 'inline-flex max-lg:h-10 max-lg:w-10 max-lg:shrink-0 max-lg:items-center max-lg:justify-center max-lg:rounded-full max-lg:p-0' : '' }}"
title="{{ $room->restartLabel() }}"
aria-label="{{ $room->restartLabel() }}">
@if ($webinarRestarting)
<svg class="h-5 w-5 lg:hidden" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
</svg>
<span class="hidden lg:inline">{{ $room->restartLabel() }}</span>
@else
{{ $room->restartLabel() }}
@endif
</button>
</form>
@endif
</div>
@@ -41,7 +56,15 @@
@if ($room->canRestart() && ($room->status === 'ended' || $room->sessions->isNotEmpty()))
<form method="POST" action="{{ route('meet.webinars.start', $room) }}" class="inline">
@csrf
<button type="submit" class="btn-secondary btn-secondary-sm">{{ $room->restartLabel() }}</button>
<button type="submit"
class="btn-secondary btn-secondary-sm inline-flex max-lg:h-9 max-lg:w-9 max-lg:items-center max-lg:justify-center max-lg:rounded-full max-lg:p-0"
title="{{ $room->restartLabel() }}"
aria-label="{{ $room->restartLabel() }}">
<svg class="h-4 w-4 lg:hidden" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
</svg>
<span class="hidden lg:inline">{{ $room->restartLabel() }}</span>
</button>
</form>
@endif
</div>