redtea/lpra
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: the password is turned off by hand in the account, with a passkey in place; password change; tabs sized by their titles

Browse Source
This commit is contained in:
redtea committed 2026-10-14 20:46:35 +03:00
1 parent 67222e2e05
commit 6dd1120a41
9 files changed
+212 -25
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

internal/server/web/static/app.css
+16
View File
@@ -134,6 +134,22 @@ header.topbar nav .acct-btn { margin-left: 22px; width: 34px; height: 34px; padd
.acct-add button { flex: none; }
.acct-msg { min-height: 20px; margin: 8px 0 0; font-size: 13px; color: var(--ok); }
.acct-msg.bad { color: var(--danger); }
.acct-pw { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 0 0; padding-top: 12px;
border-top: 1px solid var(--border); color: var(--text); font-size: 14px; cursor: pointer; }
.acct-pw b { display: block; font-weight: 500; }
.acct-pw small { display: block; font-size: 12px; margin-top: 2px; }
/* A switch: a checkbox drawn as a sliding knob. */
input.sw { -webkit-appearance: none; appearance: none; flex: none; width: 40px; height: 22px; margin: 0; border-radius: 11px;
background: var(--border); position: relative; cursor: pointer; transition: background .2s; }
input.sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%;
background: #fff; transition: transform .2s; }
input.sw:checked { background: var(--accent); }
input.sw:checked::after { transform: translateX(18px); }
input.sw:disabled { opacity: .45; cursor: not-allowed; }
.acct-chpw { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); }
.acct-chpw summary { cursor: pointer; font-size: 14px; color: var(--text); }
.acct-pwform { display: grid; gap: 8px; margin-top: 10px; }
.acct-pwform button { justify-self: end; }
.acct-out { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; }
/* Sign-in page. */
.or { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; margin: 18px 0 4px; }