Merge branch 'main' of https://gitea.ngodanguyen.tech/nngo/PassKeeper

2026-04-23 13:31:42 -04:00
parent 16fe0e9c62 f507dee19f
commit ac91ea1fcc
5 changed files with 1102 additions and 659 deletions
@@ -170,7 +170,6 @@ ul {

 /* Prevent iOS viewport auto-zoom on input focus (requires font-size >= 16px) */
@media (max-width: 768px) {
-
  .form-group input,
  .form-group select,
  .form-group textarea {
@@ -1956,4 +1955,80 @@ body.is-mobile .form-group textarea {
  color: var(--color-danger, #e53e3e);
  font-size: 13px;
  font-weight: 500;
-}
+}
+
+/* ── CSP-safe replacements for former inline styles ─────────────────── */
+
+/* TOTP timer: turns red when ≤5 s remain (toggled via JS class) */
+.totp-timer--expiring {
+  color: #dc2626;
+}
+
+/* Generate-password button injected below password field */
+.btn-generate {
+  margin-top: 6px;
+}
+
+/* Scroll-lock applied to <html> when mobile sidebar is open */
+html.sidebar-open {
+  overflow: hidden;
+}
+
+/* Password Generator modal max-width */
+.gen-modal-inner {
+  max-width: 420px;
+}
+
+/* Generator length slider */
+#gen-length {
+  width: 100%;
+  margin-top: 4px;
+}
+
+/* Generator options row */
+.gen-options {
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+  margin-bottom: 16px;
+}
+
+/* Generator form-group spacing */
+.gen-form-group {
+  margin-bottom: 8px;
+}
+
+/* Generator input-with-toggle wrapper */
+.gen-input-wrap {
+  margin-bottom: 4px;
+}
+
+/* Generator copy button */
+#btn-gen-copy {
+  font-size: 14px;
+}
+
+/* Generator output field */
+#gen-output {
+  padding-right: 40px;
+}
+
+/* Form field label — "optional" badge */
+.field-label-optional {
+  font-size: 11px;
+  color: #9ca3af;
+  font-weight: 400;
+}
+
+/* Form field hint text below inputs */
+.field-hint {
+  font-size: 11px;
+  color: #6b7280;
+  margin-top: 4px;
+}
+
+/* Monospace input — used for recovery codes and other token fields */
+.input-monospace {
+  font-family: monospace;
+  letter-spacing: 0.05em;
+}