Replace native confirm() dialogs with styled confirm modals.
Deploy Ladill Servers / deploy (push) Successful in 29s

Add shared confirm-dialog component, Alpine ladillConfirm store, and
swap browser confirms for consistent bottom-sheet modals across user,
admin, and hosting flows.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-07 21:11:10 +00:00
co-authored by Cursor
parent b5513283da
commit 29cdfe67b8
21 changed files with 499 additions and 85 deletions
@@ -80,13 +80,21 @@
</form>
@if ($teamMembership->hasSshAccessKey())
<form method="POST" action="{{ route('hosting.panel.settings.ssh-key.destroy', $account) }}" class="mt-3" onsubmit="return confirm('Remove your SFTP key access for this hosting account?');">
@csrf
@method('DELETE')
<button type="submit" class="inline-flex items-center rounded-lg border border-slate-300 px-5 py-2.5 text-sm font-medium text-slate-700 transition hover:border-slate-400 hover:text-slate-900">
Remove SFTP Key
</button>
</form>
<x-confirm-dialog
name="remove-sftp-key"
title="Remove SFTP key?"
message="Remove your SFTP key access for this hosting account?"
:action="route('hosting.panel.settings.ssh-key.destroy', $account)"
method="DELETE"
confirm-label="Remove key"
class="mt-3"
>
<x-slot:trigger>
<button type="button" class="inline-flex items-center rounded-lg border border-slate-300 px-5 py-2.5 text-sm font-medium text-slate-700 transition hover:border-slate-400 hover:text-slate-900">
Remove SFTP Key
</button>
</x-slot:trigger>
</x-confirm-dialog>
@endif
@else
<div class="mt-5 rounded-xl bg-slate-50 px-4 py-4 text-sm text-slate-600">