diff --git a/templates/create_image.html b/templates/create_image.html
index 7f62545..cbac593 100644
--- a/templates/create_image.html
+++ b/templates/create_image.html
@@ -51,36 +51,66 @@
button:hover {
background: #555;
}
+
+ /* ---------- spinner ---------- */
+ #spinner-overlay {
+ position: fixed;
+ inset: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: rgba(0, 0, 0, 0.6);
+ visibility: hidden; /* toggled in JS */
+ z-index: 1000;
+ }
+ .spinner {
+ width: 50px;
+ height: 50px;
+ border: 6px solid #555;
+ border-top-color: white;
+ border-radius: 50%;
+ animation: spin 0.8s linear infinite;
+ }
+ @keyframes spin { to { transform: rotate(360deg); } }
Create An Image
-
+
-
+
+
+
+
+