This commit is contained in:
2026-08-18 23:30:33 +02:00
parent 52b46f09a4
commit 4f5e300b4a
4 changed files with 109 additions and 13 deletions
+35
View File
@@ -863,3 +863,38 @@ code { color:#b8c3ff; }
.year-flow-breakdown { grid-template-columns:1fr 1fr; gap:6px; }
.year-flow-breakdown > div { padding:8px; }
}
/* v3.15: Pushover-Reminder */
.reminder-badge { display:inline-flex; align-items:center; margin-left:7px; padding:3px 6px; border:1px solid #675c2a; background:#2b2616; color:#e9d98b; border-radius:999px; font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.045em; vertical-align:middle; white-space:nowrap; }
.movement-card-head .reminder-badge { margin-left:0; margin-top:5px; width:max-content; }
.reminder-toggle { width:100%; display:flex; align-items:center; gap:11px; text-align:left; border:1px solid #2d394b; background:#101722; color:var(--text); border-radius:12px; padding:11px 12px; }
.reminder-toggle.active { border-color:#665d2c; background:#211f16; }
.checkbox-mark { width:22px; height:22px; flex:0 0 auto; display:grid; place-items:center; border-radius:6px; border:1px solid #46536a; background:#0b111a; color:#101522; font-size:14px; font-weight:950; }
.checkbox-mark.checked { background:#e1ca6c; border-color:#e1ca6c; }
.reminder-toggle > span:last-child { min-width:0; }
.reminder-toggle strong { display:block; font-size:12px; }
.reminder-toggle small { display:block; margin-top:2px; color:var(--muted); font-size:10px; line-height:1.35; }
.pushover-settings .section-head { align-items:center; }
.pushover-status { flex:0 0 auto; border:1px solid #4a3540; background:#231820; color:#d69aa9; border-radius:999px; padding:5px 8px; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.05em; }
.pushover-status.configured { border-color:#275744; background:#11281f; color:#7bd6ac; }
.pushover-current { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; padding:10px 12px; border:1px solid #29364a; background:#0d131c; border-radius:10px; }
.pushover-current span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.055em; font-weight:800; }
.pushover-current strong { font-size:11px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.pushover-form { display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; }
.pushover-form label { display:grid; gap:5px; }
.pushover-form label span { color:var(--muted); font-size:10px; font-weight:700; }
.pushover-form input { width:100%; background:#0b111a; color:#f5f7fb; border:1px solid #2a374a; border-radius:10px; padding:10px 11px; outline:none; }
.pushover-form input:focus { border-color:var(--accent); box-shadow:0 0 0 3px #8293ff1d; }
.pushover-actions { grid-column:1/-1; margin-top:2px; }
.pushover-actions .danger { border:1px solid #5e3038; background:#2d181d; color:#ff9aa2; }
.pushover-help { margin:10px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.compact-alert { margin-bottom:10px; }
.success-note { margin-bottom:10px; padding:9px 11px; border:1px solid #275744; background:#11281f; color:#8de0ba; border-radius:10px; font-size:10px; }
@media (max-width:760px) {
.pushover-settings .section-head { align-items:flex-start; }
.pushover-form { grid-template-columns:1fr; }
.pushover-actions { grid-column:auto; display:grid; grid-template-columns:1fr; }
.pushover-actions button { width:100%; min-height:42px; }
.reminder-toggle { padding:10px; }
}