Use alpine to dismiss flash messages.

2021-12-22 14:56:51 -05:00 · 2021-12-22 14:56:51 -05:00 · 00515185cd
commit 00515185cd
parent fcf1800ac0
1 changed files with 4 additions and 3 deletions
--- a/templates/components/messages.gohtml
+++ b/templates/components/messages.gohtml
@ -14,7 +14,8 @@
 {{end}}

 {{define "message"}}
-    <article class="message is-{{.Type}}">
-        <div class="message-body">{{.Text}}</div>
-    </article>
+    <div class="notification is-light is-{{.Type}}" x-data="{show: true}" x-show="show">
+        <button class="delete" x-on:click="show = false"></button>
+        {{.Text}}
+    </div>
 {{end}}