Use consistent + icon buttons on mobile reception views.
Deploy Ladill Frontdesk / deploy (push) Successful in 50s

Extract shared quick-action and section-link partials so dashboard and visits headers share the same white and purple mobile FABs while section links keep indigo icon buttons.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-28 16:02:23 +00:00
co-authored by Cursor
parent 308920d892
commit 6e46b23b2c
4 changed files with 80 additions and 46 deletions
@@ -0,0 +1,33 @@
@props([
'desktopSchedule' => 'Pre-register',
'desktopCheckIn' => 'Check in visitor',
'scheduleLabel' => 'Pre-register visitor',
'checkInLabel' => 'Check in visitor',
])
<div {{ $attributes->merge(['class' => 'flex shrink-0 items-center gap-2']) }}>
<a href="{{ route('frontdesk.visits.schedule') }}"
aria-label="{{ $scheduleLabel }}"
title="{{ $scheduleLabel }}"
class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-700 shadow-sm transition hover:border-slate-300 hover:bg-slate-50 lg:hidden">
<svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
</svg>
</a>
<a href="{{ route('frontdesk.visits.create') }}"
aria-label="{{ $checkInLabel }}"
title="{{ $checkInLabel }}"
class="btn-fab h-10 w-10 lg:hidden">
<svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
</svg>
</a>
<a href="{{ route('frontdesk.visits.schedule') }}"
class="hidden items-center rounded-lg border border-slate-200 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50 lg:inline-flex">
{{ $desktopSchedule }}
</a>
<a href="{{ route('frontdesk.visits.create') }}"
class="btn-primary hidden whitespace-nowrap lg:inline-flex">
{{ $desktopCheckIn }}
</a>
</div>