Unify Frontdesk secondary actions with shared button variants.
Deploy Ladill Frontdesk / deploy (push) Successful in 55s

Add warning, danger, and link button styles plus x-btn and x-danger-zone components so ghost text actions match the primary pill UI across edit screens and tables.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-07-09 06:28:27 +00:00
co-authored by Cursor
parent 60c2839553
commit f46bebc1e3
26 changed files with 257 additions and 73 deletions
@@ -37,7 +37,7 @@
<p class="text-sm text-slate-500">{{ $branch->address ?? 'No address' }} · {{ $branch->buildings_count }} building(s)</p>
</div>
<div class="flex gap-2">
<a href="{{ route('frontdesk.buildings.index', $branch) }}" class="text-sm text-indigo-600 hover:text-indigo-700">Buildings</a>
<x-btn href="{{ route('frontdesk.buildings.index', $branch) }}" variant="link" size="sm" plain>Buildings</x-btn>
<a href="{{ route('frontdesk.branches.edit', $branch) }}" class="text-sm text-slate-600 hover:text-slate-800">Edit</a>
</div>
</div>
@@ -1,7 +1,7 @@
<x-app-layout :title="$branch->name.' buildings'">
<div class="flex items-center justify-between">
<div>
<a href="{{ route('frontdesk.branches.index') }}" class="text-sm text-indigo-600"> Branches</a>
<x-btn href="{{ route('frontdesk.branches.index') }}" variant="link" size="sm" plain> Branches</x-btn>
<h1 class="mt-1 text-xl font-semibold text-slate-900">{{ $branch->name }}</h1>
</div>
</div>
@@ -20,11 +20,11 @@
<p class="font-medium">{{ $building->name }}</p>
<p class="text-xs text-slate-500">{{ $building->reception_desks_count }} desk(s)</p>
</div>
<div class="flex gap-3">
<a href="{{ route('frontdesk.desks.index', $building) }}" class="text-sm text-indigo-600">Desks</a>
<div class="btn-group">
<x-btn href="{{ route('frontdesk.desks.index', $building) }}" variant="link" size="sm" plain>Desks</x-btn>
<form method="POST" action="{{ route('frontdesk.buildings.destroy', [$branch, $building]) }}" onsubmit="return confirm('Remove this building?')">
@csrf @method('DELETE')
<button type="submit" class="text-sm text-red-600">Remove</button>
<x-btn type="submit" variant="danger" size="sm">Remove</x-btn>
</form>
</div>
</div>
@@ -1,5 +1,5 @@
<x-app-layout :title="$building->name.' desks'">
<a href="{{ route('frontdesk.buildings.index', $building->branch) }}" class="text-sm text-indigo-600"> Buildings</a>
<x-btn href="{{ route('frontdesk.buildings.index', $building->branch) }}" variant="link" size="sm" plain class="mb-1"> Buildings</x-btn>
<h1 class="mt-1 text-xl font-semibold text-slate-900">{{ $building->name }}</h1>
<form method="POST" action="{{ route('frontdesk.desks.store', $building) }}" class="mt-6 flex gap-2 rounded-2xl border border-slate-200 bg-white p-4">
@@ -18,7 +18,7 @@
</div>
<form method="POST" action="{{ route('frontdesk.desks.destroy', [$building, $desk]) }}" onsubmit="return confirm('Remove this desk?')">
@csrf @method('DELETE')
<button type="submit" class="text-sm text-red-600">Remove</button>
<x-btn type="submit" variant="danger" size="sm">Remove</x-btn>
</form>
</div>
@empty
@@ -40,7 +40,7 @@
@if ($member->user_ref !== auth()->user()->public_id)
<form method="POST" action="{{ route('frontdesk.members.destroy', $member) }}" class="inline" onsubmit="return confirm('Remove this member?')">
@csrf @method('DELETE')
<button type="submit" class="text-red-600">Remove</button>
<x-btn type="submit" variant="danger" size="sm">Remove</x-btn>
</form>
@endif
</td>