design updates
All checks were successful
Docker Release Build / push_to_registry (push) Successful in 51s

This commit is contained in:
Florian Walther
2026-02-08 00:24:00 +01:00
parent 13c791b1ae
commit 0e7f3be529
3 changed files with 22 additions and 40 deletions

View File

@@ -50,15 +50,13 @@
<footer>
<div class="footer-container">
<div class="footer-item">
<span class="label">Passwörter generiert:</span>
<span id="global-counter" class="value badge-blue">{{getPassCount}}</span>
Passwörter generiert: <span id="global-counter">{{getPassCount}}</span>
</div>
<div class="footer-item">
<span class="label">Version:</span>
<span class="value badge-gray">{{getAppVersion}}</span>
Version: {{getAppVersion}}
</div>
<div class="footer-item">
<span class="claim">made with golang and ♥️ </span>
made with golang and ♥️
</div>
</div>
</footer>

View File

@@ -25,10 +25,13 @@
// Counter im Footer aktualisieren
// Wir suchen das Element mit der Klasse 'badge-blue' (oder gib ihm eine ID)
const counterElement = document.querySelector(".badge-blue");
const counterElement = document.getElementById("global-counter");
if (counterElement) {
//counterElement.innerText = data.count;
document.getElementById("global-counter").innerText = data.count;
// Animation triggern
counterElement.classList.remove("counter-update"); // Vorherige Animation zurücksetzen
void counterElement.offsetWidth; // Trick, um CSS-Reflow zu erzwingen
counterElement.classList.add("counter-update");
}
})
.catch(error => console.error("Fehler:", error));