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

Stack board card actions vertically in the footer.
Deploy Ladill Care / deploy (push) Successful in 1m7s
Details

Browse Source 
Full-width primary and secondary buttons (Transport, Start, Open)
now sit one above the other instead of side-by-side, so narrow
dispatch and queue columns stay readable.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-07-20 14:26:37 +00:00
co-authored by Cursor
parent 1bc0f84d9f
commit ec9eab03a1
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/care/partials/queue-board-card.blade.php
+17 -17
View File
@@ -73,27 +73,12 @@
</div>
@if ($hasActions)
<div class="relative z-10 flex items-center justify-end gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
@if ($canRecall)
<form method="POST" action="{{ route('care.queue.recall', $appointment) }}">
@csrf
<button type="submit" class="rounded-lg px-2 py-1 text-xs font-medium text-indigo-700 hover:bg-indigo-100/60">Call again</button>
</form>
@endif
@if ($openUrl)
<a href="{{ $openUrl }}" @class([
'rounded-lg px-2.5 py-1 text-xs font-semibold',
// Primary when it is the only meaningful action on the card.
'bg-emerald-600 text-white hover:bg-emerald-700' => $stage === 'in_care',
'bg-indigo-600 text-white hover:bg-indigo-700' => ! $showStart && $stage !== 'in_care' && $stage !== 'done',
'text-slate-600 hover:bg-slate-100' => $stage === 'done' || ($showStart && $stage !== 'in_care'),
])>Open</a>
@endif
<div class="relative z-10 flex flex-col gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
@if ($showStart)
<form method="POST" action="{{ route($startRouteName, $appointment) }}">
@csrf
<button type="submit" @class([
'rounded-lg px-2.5 py-1 text-xs font-semibold text-white',
'w-full whitespace-nowrap rounded-lg px-2.5 py-1.5 text-center text-xs font-semibold text-white',
'bg-indigo-600 hover:bg-indigo-700' => $isCalled,
'bg-slate-900 hover:bg-slate-800' => ! $isCalled,
])>
@@ -101,6 +86,21 @@
</button>
</form>
@endif
@if ($openUrl)
<a href="{{ $openUrl }}" @class([
'w-full rounded-lg px-2.5 py-1.5 text-center text-xs',
// Primary when it is the only meaningful action on the card.
'bg-emerald-600 font-semibold text-white hover:bg-emerald-700' => $stage === 'in_care',
'bg-indigo-600 font-semibold text-white hover:bg-indigo-700' => ! $showStart && $stage !== 'in_care' && $stage !== 'done',
'border border-slate-200 font-medium text-slate-600 hover:bg-slate-50' => $stage === 'done' || ($showStart && $stage !== 'in_care'),
])>Open</a>
@endif
@if ($canRecall)
<form method="POST" action="{{ route('care.queue.recall', $appointment) }}">
@csrf
<button type="submit" class="w-full rounded-lg px-2.5 py-1 text-center text-xs font-medium text-indigo-700 hover:bg-indigo-100/60">Call again</button>
</form>
@endif
</div>
@endif
</article>
resources/views/care/specialty/ambulance/dispatch-card.blade.php
+3 -3
View File
@@ -62,16 +62,16 @@
</div>
</div>
<div class="relative z-10 flex items-center justify-end gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
<a href="{{ $openUrl }}" class="rounded-lg px-2.5 py-1 text-xs font-medium text-slate-600 hover:bg-slate-100">Open</a>
<div class="relative z-10 flex flex-col gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
@if ($showAdvance)
<form method="POST" action="{{ route($specialtyStageRoute, $visit) }}">
@csrf
<input type="hidden" name="stage" value="{{ $nextStage }}">
<button type="submit" class="rounded-lg bg-slate-900 px-2.5 py-1 text-xs font-semibold text-white hover:bg-slate-800">
<button type="submit" class="w-full whitespace-nowrap rounded-lg bg-slate-900 px-2.5 py-1.5 text-center text-xs font-semibold text-white hover:bg-slate-800">
{{ $nextLabel }} →
</button>
</form>
@endif
<a href="{{ $openUrl }}" class="w-full rounded-lg border border-slate-200 px-2.5 py-1.5 text-center text-xs font-medium text-slate-600 hover:bg-slate-50">Open</a>
</div>
</article>