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

Replace mobile dashboard text buttons with inline plus icons.
Deploy Ladill Frontdesk / deploy (push) Successful in 39s
Details

Browse Source 
Show compact pre-register and check-in actions beside the organization name
on mobile while keeping the existing white and purple styling.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-28 13:47:05 +00:00
co-authored by Cursor
parent 85b22db76f
commit 761edb2169
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/frontdesk/dashboard.blade.php
+18 -9
View File
@@ -14,16 +14,25 @@
@endphp @endphp
<div class="mb-6"> <div class="mb-6">
{{-- Mobile: org name + full-width actions (avoids cramped side-by-side buttons) --}} {{-- Mobile: org name with inline action icons --}}
<div class="space-y-3 lg:hidden"> <div class="flex items-center justify-between gap-3 lg:hidden">
<h1 class="truncate text-lg font-semibold tracking-tight text-slate-900">{{ $organization->name }}</h1> <h1 class="min-w-0 flex-1 truncate text-lg font-semibold tracking-tight text-slate-900">{{ $organization->name }}</h1>
<div class="flex flex-col gap-2"> <div class="flex shrink-0 items-center gap-2">
<a href="{{ route('frontdesk.visits.create') }}" class="btn-primary w-full py-3 text-sm">
Check in visitor
</a>
<a href="{{ route('frontdesk.visits.schedule') }}" <a href="{{ route('frontdesk.visits.schedule') }}"
class="inline-flex w-full items-center justify-center rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-50"> aria-label="Pre-register visitor"
Pre-register visitor title="Pre-register visitor"
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">
<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="Check in visitor"
title="Check in visitor"
class="btn-fab h-10 w-10">
<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>
</div> </div>
</div> </div>