cloaking

2025-11-07 10:08:28 -08:00
parent 30c5613937
commit 19f308ede5
2 changed files with 5 additions and 0 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,9 @@
  <script src="https://cdn.tailwindcss.com"></script>
  <!-- Alpine.js -->
  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+  <style>
+    [x-cloak] { display: none !important; }
+  </style>
 </head>
 <body class="h-screen flex flex-col m-0 bg-slate-50 text-slate-900">
  <header class="border-b bg-white">
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -111,6 +111,7 @@
          </div>
          
          <div x-show="showCompletedModal"
+               x-cloak
               x-transition
               class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
               @click.self="showCompletedModal = false">
@@ -166,6 +167,7 @@
          </div>
          
          <div x-show="showPendingModal"
+               x-cloak
               x-transition
               class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
               @click.self="showPendingModal = false">