knso/Webklar-Kundenbereich
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Verträge: Mein Vertrag, Vergleich der Abos, Wechsel-Karte, Unterlagen in der zugestimmten Fassung

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-09-29 15:09:36 +00:00
1 parent 0129ac48e7
commit 19af93338b
3 files changed
+215 -53
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/kundenbereich.css
+27
View File
@@ -810,3 +810,30 @@ button.kb-avatar:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.kb-shell.dashboard-content-reveal, .kb-view.active, .kb-sheet[open] .kb-sheet-panel, #loading:not(.hidden), .pd-status::before { animation: none !important; }
.kb-header, .kb-nav, .kb-logo, .kb-app-title, .kb-sheet-panel, .kb-details-chev { transition: none !important; }
}
/* ------------------------------------------------ Ansicht "Verträge" (Aufgabe 15) --- */
#kb-contracts { display: grid; gap: 16px; margin-top: 16px; }
#kb-contracts > .kb-panel + .kb-panel, #kb-contracts .kb-compare .kb-panel + .kb-panel { margin-top: 0; }
#kb-abo-slot:has(> .kb-abo:not(.hidden)) + #kb-contracts { margin-top: 16px; }
.kb-contract-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.kb-contract-head h2 { margin: 0; font-size: 20px; }
#contract-card h3 { margin: 4px 0 6px; }
.kb-status-ok { color: #86efac; background: rgba(74, 222, 128, 0.1); border: 1px solid rgba(74, 222, 128, 0.4); }
.kb-status-warn { color: #fcd34d; background: rgba(251, 191, 36, 0.1); border: 1px solid rgba(251, 191, 36, 0.4); }
.kb-contract-facts { margin: 14px 0; display: grid; gap: 10px; }
.kb-contract-facts div { display: grid; grid-template-columns: 9.5em minmax(0, 1fr); gap: 12px; font-size: 14px; }
.kb-contract-facts dt { color: var(--kb-muted); }
.kb-contract-facts dd { margin: 0; }
.kb-contract-actions { display: grid; gap: 8px; margin-top: 12px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.kb-contract-actions .kb-side-btn { margin-top: 0; text-align: center; }
.kb-withdraw { margin-top: 12px; border-color: rgba(251, 191, 36, 0.65); background: rgba(251, 191, 36, 0.12); }
.kb-compare { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kb-compare .abo-features { grid-template-columns: 1fr; }
.kb-switch-card .kb-btn-primary { display: inline-block; text-decoration: none; }
@media (max-width: 880px), (pointer: coarse) and (max-height: 500px) {
.kb-compare { grid-template-columns: 1fr; }
.kb-contract-facts div { grid-template-columns: 1fr; gap: 2px; }
#view-vertraege .kb-abo.kb-abo-offer { display: none; }
#kb-contracts { margin-top: 16px; }
}
#storage-panel:empty { display: none; }