Update alert

Author: RobiNN1

assets/css/styles.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.1.5 | MIT License | https://tailwindcss.com
+! tailwindcss v3.1.6 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -1560,11 +1560,6 @@ svg {
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
-.hover\:text-gray-100:hover {
-  --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
-}
-
 .hover\:text-gray-700:hover {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
@@ -1590,6 +1585,10 @@ svg {
   color: rgb(3 105 161 / var(--tw-text-opacity));
 }
 
+.hover\:opacity-75:hover {
+  opacity: 0.75;
+}
+
 .focus\:border-slate-300:focus {
   --tw-border-opacity: 1;
   border-color: rgb(203 213 225 / var(--tw-border-opacity));

templates/components/alert.twig

@@ -1,8 +1,8 @@
 <div class="alert ml-auto flex items-center py-3 px-4 mb-4 {{ alert_color ? alert_color : 'bg-blue-500' }} rounded shadow-lg">
     <div class="ml-3 text-sm font-medium text-white flex items-center gap-1">{{ message|raw }}</div>
     {% if not hide_close %}
-        <button type="button" class="close text-white hover:text-gray-100 ml-auto -mx-1.5 -my-1.5 p-1.5 inline-flex" onclick="this.parentElement.remove();">
-            {{ svg('x', 35) }}
+        <button type="button" class="close text-white hover:opacity-75 ml-auto -mx-1.5 -my-1.5 p-1.5 inline-flex" onclick="this.parentElement.remove();">
+            {{ svg('x') }}
         </button>
     {% endif %}
 </div>