Improve toast notification styling and add X icon for closing

This commit is contained in:
Bryce
2025-08-12 20:23:01 -07:00
parent 93b5bc091c
commit 3385a8b7cb

View File

@@ -60,10 +60,12 @@
</script>
<!-- Toast for 5xx errors -->
<div id="error-toast" class="toast toast-top toast-end hidden">
<div class="alert alert-error">
<div id="error-toast" class="toast toast-top toast-end w-full z-100 hidden">
<div class="alert alert-error alert-lg">
<span id="error-message"></span>
<button class="btn btn-sm btn-ghost" onclick="document.getElementById('error-toast').classList.add('hidden')">Close</button>
<button class="btn btn-sm btn-ghost" onclick="document.getElementById('error-toast').classList.add('hidden')">
<i class="fas fa-times"></i>
</button>
</div>
</div>