projects/papa-kind-treff.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adasd

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2025-12-30 02:29:13 +01:00
parent ac5bcc8cee
commit 16ca492995
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
partials/landing/account/login.php
View File

@@ -54,7 +54,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
</div> </div>
<div class="stack gap-6"> <div class="stack gap-6">
<label class="label" for="loginPassword">Passwort</label> <label class="label" for="loginPassword">Passwort</label>
<input id="loginPassword" name="password" class="input" type="password" required placeholder="********" autocomplete="current-password"> <div style="position:relative;">
<input id="loginPassword" name="password" class="input" type="password" required placeholder="********" autocomplete="current-password">
<button type="button" id="togglePassword" aria-label="Passwort anzeigen" style="position:absolute; right:8px; top:50%; transform: translateY(-50%); background:transparent; border:none; cursor:pointer;">👁️</button>
</div>
</div> </div>
<div style="display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap: 8px;"> <div style="display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap: 8px;">
<label style="display:flex; gap:8px; align-items:center; font-size:14px; color: var(--color-muted);"> <label style="display:flex; gap:8px; align-items:center; font-size:14px; color: var(--color-muted);">
@@ -78,3 +81,16 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
</aside> </aside>
</div> </div>
</main> </main>
<script>
(function(){
const btn = document.getElementById('togglePassword');
const input = document.getElementById('loginPassword');
if (btn && input) {
btn.addEventListener('click', () => {
const isPwd = input.type === 'password';
input.type = isPwd ? 'text' : 'password';
btn.textContent = isPwd ? '🙈' : '👁️';
});
}
})();
</script>