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

Redesign mobile dashboard actions and sync wallet balance in profile sheet.
Deploy Ladill Frontdesk / deploy (push) Successful in 51s
Details

Browse Source 
Stack full-width check-in and pre-register buttons on mobile; show wallet card
in the profile bottom sheet with balance refresh on open.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-28 12:44:48 +00:00
co-authored by Cursor
parent e2faaa0c1d
commit 85b22db76f
5 changed files with 59 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/frontdesk/dashboard.blade.php
+28 -11
View File
@@ -13,18 +13,35 @@
];
@endphp
<div class="mb-6 flex items-center justify-between">
<div>
<h1 class="text-xl font-semibold text-slate-900">{{ $organization->name }}</h1>
<p class="text-sm text-slate-500">Reception dashboard</p>
<div class="mb-6">
{{-- Mobile: org name + full-width actions (avoids cramped side-by-side buttons) --}}
<div class="space-y-3 lg:hidden">
<h1 class="truncate text-lg font-semibold tracking-tight text-slate-900">{{ $organization->name }}</h1>
<div class="flex flex-col 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') }}"
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">
Pre-register visitor
</a>
</div>
</div>
<div class="flex gap-2">
<a href="{{ route('frontdesk.visits.schedule') }}" class="inline-flex items-center rounded-lg border border-slate-200 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">
Pre-register
</a>
<a href="{{ route('frontdesk.visits.create') }}" class="btn-primary">
Check in visitor
</a>
{{-- Desktop --}}
<div class="hidden items-center justify-between lg:flex">
<div>
<h1 class="text-xl font-semibold text-slate-900">{{ $organization->name }}</h1>
<p class="text-sm text-slate-500">Reception dashboard</p>
</div>
<div class="flex shrink-0 gap-2">
<a href="{{ route('frontdesk.visits.schedule') }}" class="inline-flex items-center rounded-lg border border-slate-200 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">
Pre-register
</a>
<a href="{{ route('frontdesk.visits.create') }}" class="btn-primary whitespace-nowrap">
Check in visitor
</a>
</div>
</div>
</div>