multiuser/subscriptions/notifications

2025-08-10 17:48:15 +02:00
parent d4b811dbad
commit fb0c7da252
49 changed files with 3676 additions and 1034 deletions
--- a/static/css/settings.css
+++ b/static/css/settings.css
@@ -0,0 +1,178 @@
+:root {
+    --bg: #0b0b10;
+    --panel: #12121a;
+    --panel-b: #1f2030;
+    --accent: #3b82f6;
+    --muted: #9aa0b4;
+    --text: #e6e6e6
+}
+
+* {
+    box-sizing: border-box
+}
+
+body {
+    background: var(--bg);
+    color: var(--text);
+    font-family: system-ui, Segoe UI, Roboto, Arial, sans-serif;
+    margin: 0
+}
+
+.wrap {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 16px
+}
+
+a {
+    color: #cfd3ea;
+    text-decoration: none
+}
+
+.topbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px
+}
+
+.btn {
+    padding: 10px 14px;
+    border-radius: 10px;
+    border: 1px solid #2a2a34;
+    background: #111119;
+    color: #fff;
+    cursor: pointer
+}
+
+.btn-primary {
+    background: var(--accent);
+    border-color: transparent
+}
+
+.grid {
+    display: grid;
+    gap: 16px
+}
+
+@media(min-width:900px) {
+    .grid {
+        grid-template-columns: 1fr 1fr
+    }
+}
+
+.card {
+    background: var(--panel);
+    border: 1px solid var(--panel-b);
+    border-radius: 12px;
+    padding: 14px
+}
+
+.card h2 {
+    margin: 0 0 10px;
+    font-size: 1.05rem
+}
+
+.row {
+    display: grid;
+    grid-template-columns: 160px minmax(0, 1fr);
+    gap: 10px;
+    align-items: center;
+    margin-bottom: 10px
+}
+
+.row label {
+    color: #c9cbe3
+}
+
+.row input,
+.row select {
+    width: 100%;
+    padding: 10px 12px;
+    border-radius: 10px;
+    border: 1px solid #2a2a34;
+    background: #111119;
+    color: var(--text)
+}
+
+.help {
+    color: var(--muted);
+    font-size: .9rem
+}
+
+.msgs {
+    margin-bottom: 10px
+}
+
+.msg {
+    background: #0f1425;
+    border: 1px solid #283058;
+    border-radius: 10px;
+    padding: 10px;
+    margin-bottom: 8px
+}
+
+.input-wide {
+    width: 100% !important;
+    max-width: 100%;
+    min-width: 0;
+    display: block
+}
+
+.row input,
+.row select,
+.row textarea {
+    width: 100%;
+    max-width: 100%;
+    min-width: 0;
+    display: block
+}
+
+.inline>input,
+.inline>.django-url,
+.inline>.django-password {
+    min-width: 0;
+    width: 100%
+}
+
+.inline-actions {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 220px;
+    justify-content: flex-end
+}
+
+.btn:disabled {
+    opacity: .6;
+    cursor: default
+}
+
+.badge {
+    padding: 6px 10px;
+    border-radius: 999px;
+    font-size: .85rem;
+    border: 1px solid #2a2a34;
+    background: #111119;
+    color: #cfd3ea;
+    white-space: nowrap;
+    max-width: 140px;
+    overflow: hidden;
+    text-overflow: ellipsis
+}
+
+.badge.ok {
+    border-color: #1f6f3a;
+    background: #10331f;
+    color: #a7e3bd
+}
+
+.badge.err {
+    border-color: #6f1f2a;
+    background: #341016;
+    color: #f1a3b0
+}
+
+.badge.muted {
+    opacity: .8
+}