diff --git a/assets/css/custom.css b/assets/css/custom.css
index acdf7e2..7f84b66 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,3 +1,16 @@
* {
box-shadow: none !important
+}
+
+#toast {
+ position: fixed;
+ padding: 10px;
+ width: 30%;
+ left: 35%;
+ bottom: 20px;
+ border-radius: 10px;
+ border: solid 1px #ddd;
+ color: brown;
+ text-transform: lowercase;
+ display: none;
}
\ No newline at end of file
diff --git a/assets/js/custom.js b/assets/js/custom.js
index e69de29..5df2074 100644
--- a/assets/js/custom.js
+++ b/assets/js/custom.js
@@ -0,0 +1,19 @@
+let toastTimeout;
+const toast = document.getElementById('toast');
+const observer = new MutationObserver((mutations) => {
+ for (const mutation of mutations) {
+ if (mutation.type === 'childList') {
+ // Display toast
+ toast.style.display = 'block';
+ // Clear previous timeout if any
+ if (toastTimeout) {
+ clearTimeout(toastTimeout);
+ }
+ // Hide toast after 5 seconds
+ toastTimeout = setTimeout(() => {
+ toast.style.display = 'none';
+ }, 5000);
+ }
+ }
+});
+observer.observe(toast, { childList: true });
\ No newline at end of file
diff --git a/handler/web/notification.go b/handler/web/notification.go
index 89e303e..14f54c3 100644
--- a/handler/web/notification.go
+++ b/handler/web/notification.go
@@ -92,7 +92,7 @@ func (h *NotificationHandler) EditHandler(w http.ResponseWriter, r *http.Request
}
form := fmt.Sprintf(`
-
%d |
|
|