fix: fix icon on toast

Author: bangtutorial

views/dashboard.ejs

@@ -929,15 +929,15 @@
       const toastMessage = document.getElementById('toast-message');
       
       if (type === 'success') {
-        toastIcon.className = 'ti ti-check text-green-400 mr-2';
+        toastIcon.className = 'ti ti-check text-green-400 text-xl mr-2 font-loaded';
         toast.classList.add('border-l-4', 'border-green-400');
         toast.classList.remove('border-l-4', 'border-red-400', 'border-yellow-400');
       } else if (type === 'error') {
-        toastIcon.className = 'ti ti-x text-red-400 mr-2';
+        toastIcon.className = 'ti ti-x text-red-400 text-xl mr-2 font-loaded';
         toast.classList.add('border-l-4', 'border-red-400');
         toast.classList.remove('border-l-4', 'border-green-400', 'border-yellow-400');
       } else if (type === 'warning') {
-        toastIcon.className = 'ti ti-alert-triangle text-yellow-400 mr-2';
+        toastIcon.className = 'ti ti-alert-triangle text-yellow-400 text-xl mr-2 font-loaded';
         toast.classList.add('border-l-4', 'border-yellow-400');
         toast.classList.remove('border-l-4', 'border-green-400', 'border-red-400');
       }

views/gallery.ejs

@@ -319,15 +319,15 @@
         const toastIcon = document.getElementById('toast-icon');
         const toastMessage = document.getElementById('toast-message');
         if (type === 'success') {
-          toastIcon.className = 'ti ti-check text-green-400 mr-2';
+          toastIcon.className = 'ti ti-check text-green-400 text-xl mr-2 font-loaded';
           toast.classList.add('border-l-4', 'border-green-400');
           toast.classList.remove('border-l-4', 'border-red-400', 'border-yellow-400');
         } else if (type === 'error') {
-          toastIcon.className = 'ti ti-x text-red-400 mr-2';
+          toastIcon.className = 'ti ti-x text-red-400 text-xl mr-2 font-loaded';
           toast.classList.add('border-l-4', 'border-red-400');
           toast.classList.remove('border-l-4', 'border-green-400', 'border-yellow-400');
         } else if (type === 'warning') {
-          toastIcon.className = 'ti ti-alert-triangle text-yellow-400 mr-2';
+          toastIcon.className = 'ti ti-alert-triangle text-yellow-400 text-xl mr-2 font-loaded';
           toast.classList.add('border-l-4', 'border-yellow-400');
           toast.classList.remove('border-l-4', 'border-green-400', 'border-red-400');
         }

views/settings.ejs

@@ -242,11 +242,11 @@
         const toastIcon = document.getElementById('toast-icon');
         const toastMessage = document.getElementById('toast-message');
         if (type === 'success') {
-          toastIcon.className = 'ti ti-check text-green-400 mr-2';
+          toastIcon.className = 'ti ti-check text-green-400 text-xl mr-2 font-loaded';
           toast.classList.add('border-l-4', 'border-green-400');
           toast.classList.remove('border-l-4', 'border-red-400');
         } else if (type === 'error') {
-          toastIcon.className = 'ti ti-x text-red-400 mr-2';
+          toastIcon.className = 'ti ti-x text-red-400 text-xl mr-2 font-loaded';
           toast.classList.add('border-l-4', 'border-red-400');
           toast.classList.remove('border-l-4', 'border-green-400');
         }

views/users.ejs

@@ -414,12 +414,12 @@ function showToast(message, type = 'success') {
   const toastMessage = document.getElementById('toast-message');
   
   if (type === 'success') {
-    toastIcon.className = 'ti ti-check text-green-400 mr-2';
+    toastIcon.className = 'ti ti-check text-green-400 text-xl mr-2 font-loaded';
   } else {
-    toastIcon.className = 'ti ti-x text-red-400 mr-2';
+    toastIcon.className = 'ti ti-x text-red-400 text-xl mr-2 font-loaded';
   }
   
-  toast.className = 'fixed top-16 right-4 bg-dark-800 text-white px-4 py-3 rounded-lg shadow-lg z-50 flex items-center';
+  toast.className = 'fixed top-16 right-4 bg-dark-800 text-white px-4 py-3 rounded-lg shadow-lg z-50';
   toastMessage.textContent = message;
   toast.classList.remove('hidden');