style: change alert delete, add icon cancel

main-dlh
Regiaaaaaa 2025-12-08 11:32:32 +07:00 committed by Yuri Dimas
parent 43e5a74d59
commit 410060c03a
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
1 changed files with 7 additions and 24 deletions

View File

@ -20,24 +20,6 @@
</div> </div>
</div> </div>
<!-- Toast Notification Delete -->
<div id="deleteToast" class="fixed top-20 right-6 z-[9999] hidden">
<div class="alert bg-red-50 border border-red-200 shadow-lg flex items-start gap-3 pr-12 min-w-[320px]">
<div class="flex-shrink-0">
<div class="w-5 h-5 rounded-full bg-red-500 flex items-center justify-center">
<span class="icon icon-fill text-white text-xs">delete</span>
</div>
</div>
<div class="flex-1">
<h3 class="font-semibold text-gray-900">Panduan berhasil dihapus!</h3>
<p class="text-sm text-gray-600">Data panduan telah berhasil dihapus.</p>
</div>
<button onclick="closeDeleteToast()" class="absolute top-3 right-3 text-gray-400 hover:text-gray-600">
<span class="icon text-lg">close</span>
</button>
</div>
</div>
<div class="breadcrumbs text-sm mb-4"> <div class="breadcrumbs text-sm mb-4">
<ul> <ul>
<li class="text-gray-500"><a>CMS</a></li> <li class="text-gray-500"><a>CMS</a></li>
@ -222,11 +204,12 @@
</div> </div>
<div class="modal-action mt-6"> <div class="modal-action flex justify-end gap-3">
<button type="button" class="btn rounded-full" onclick="modal_edit_panduan.close()">Tutup</button> <button onclick="modal_edit_panduan.close()" type="button" class="btn btn-outline btn-sm rounded-full">
<button type="submit" class="btn bg-green-700 hover:bg-green-800 text-white rounded-full"> <span class="icon me-1">cancel</span> Tutup
<span class="icon">save</span> </button>
Simpan <button type="submit" class="btn btn-primary btn-sm rounded-full text-white">
<span class="icon me-1">save</span> Simpan
</button> </button>
</div> </div>
</form> </form>
@ -323,7 +306,7 @@ $(document).ready(function () {
cancelButtonText: 'Batal' cancelButtonText: 'Batal'
}).then((result) => { }).then((result) => {
if (result.isConfirmed) { if (result.isConfirmed) {
showDeleteToast(); showSuccessToast("Panduan berhasil dihapus!", "Data Panduan telah berhasil dihapus.");
table.ajax.reload(); table.ajax.reload();
} }
}); });