Added a transition indicator for form submit

Author: akclace

internal/app/action/astatic/json.css

@@ -119,4 +119,12 @@
 .htmx-indicator {
     opacity: 0;
     transition: opacity 200ms ease-in;
+}
+
+#ActionMessage {
+    transition: filter 80ms ease-in-out;
+}
+
+#ActionMessage.htmx-swapping {
+    filter: blur(5px); /* Apply blur effect */
 }

internal/app/action/form.go.html

@@ -76,7 +76,7 @@
         type="submit"
         hx-post="{{ .path }}"
         hx-target="#ActionMessage"
-        hx-swap="innerHTML"
+        hx-swap="innerHTML swap:80ms transform:out 30ms, transform:in 50ms"
         hx-indicator="#ActionIndicator"
         class="btn btn-primary w-full">
         Run