Spaces:

Docfile
/

Eps

Sleeping

Docfile commited on Mar 10

Commit

2cd892c

verified ·

1 Parent(s): 5625aa4

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -41,28 +41,15 @@
     .navbar-shadow {
       box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     }
-    /* Loader Styles */
-    #loader {
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.5);
-      z-index: 1000;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
   </style>
 </head>
 <body class="min-h-screen">
   <!-- Loader -->
-  <div id="loader" class="hidden">
-    <svg class="animate-spin h-12 w-12 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-      <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-      <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
-    </svg>
   </div>
   <!-- Barre de navigation -->
@@ -242,9 +229,8 @@
       container.appendChild(div);
     }
-    // Affichage du loader lors de la soumission du formulaire
-    const form = document.querySelector('form');
-    form.addEventListener('submit', function() {
       document.getElementById('loader').classList.remove('hidden');
     });
   </script>

     .navbar-shadow {
       box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     }
   </style>
 </head>
 <body class="min-h-screen">
   <!-- Loader -->
+  <div id="loader" class="hidden fixed inset-0 bg-gray-900 bg-opacity-50 flex items-center justify-center z-50">
+    <div class="flex flex-col items-center">
+      <div class="animate-spin rounded-full h-16 w-16 border-t-4 border-blue-500"></div>
+      <p class="mt-4 text-white text-lg">Veuillez patienter...</p>
+    </div>
   </div>
   <!-- Barre de navigation -->
       container.appendChild(div);
     }
+    // Affichage du loader dès la soumission du formulaire
+    document.querySelector('form').addEventListener('submit', function() {
       document.getElementById('loader').classList.remove('hidden');
     });
   </script>