From 80f535be45485bc42ef28a36c30317f14a48a909 Mon Sep 17 00:00:00 2001 From: Karl Date: Sun, 18 May 2025 14:46:48 +0100 Subject: [PATCH] create_image spinner --- templates/create_image.html | 54 ++++++++++++++++++++++++++++--------- 1 file changed, 42 insertions(+), 12 deletions(-) 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

- + - + +
+ + +
+