From 92b0ec7509a7fbdcbe0a0ecdd1efa3a8078b2a06 Mon Sep 17 00:00:00 2001 From: Daniel Koch Date: Wed, 6 Nov 2024 13:05:25 +0100 Subject: [PATCH] feat: remove static loading text, add loading indicator and minor css cleanup --- resources/public/loading-indicator.gif | Bin 0 -> 4107 bytes resources/template/index.ejs | 39 +++++++++---------------- 2 files changed, 14 insertions(+), 25 deletions(-) create mode 100644 resources/public/loading-indicator.gif diff --git a/resources/public/loading-indicator.gif b/resources/public/loading-indicator.gif new file mode 100644 index 0000000000000000000000000000000000000000..af5f3bfeec63d91d429a8b4a49100a5684f73dc2 GIT binary patch literal 4107 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 img { - min-width: 50%; + .loadmask > #loadmask-image { + width: 100%; + height: 100%; + max-width: 250px; + object-fit: scale-down; + } + + .loadmask > #loadmask-indicator { + width: 50px; + display: table; margin: 0 auto; - display: block; } @keyframes fadeOut { @@ -37,18 +41,6 @@ transform: scale(0.5); } } - - @keyframes heartBeat { - 0% { - opacity: 0.2; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0.2; - } - } @@ -56,10 +48,8 @@ You need to enable JavaScript to run this app.
- - - Loading, please wait… - + +