design updates
All checks were successful
Docker Release Build / push_to_registry (push) Successful in 51s
All checks were successful
Docker Release Build / push_to_registry (push) Successful in 51s
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user