gru/mortgage-simulator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zmiany

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-06-03 13:02:07 +02:00
parent fdc946989f
commit 7cb2eddafe
8 changed files with 532 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/styles.css
+39 -7
View File
@@ -27,13 +27,13 @@
}
body[data-theme="dark"] {
--bg: #05070d;
--bg: #03050a;
--text: #e5e7eb;
--card: #0d1422;
--card: #0b1220;
--muted: #9aa7bb;
--border: #10192a;
--row: #111a2b;
--input-bg: #070b13;
--border: #2a3547;
--row: #101827;
--input-bg: #050914;
--input-text: #e5e7eb;
--table-border: #3b4658;
}
@@ -100,14 +100,15 @@ body {
padding: .55rem;
border-radius: 12px;
}
.dynamic-row.overpay { grid-template-columns: .75fr 1fr .9fr .75fr auto; }
.dynamic-row.overpay { grid-template-columns: .75fr 1fr .75fr .9fr .75fr auto; }
.dynamic-row.historical { grid-template-columns: .65fr .8fr 1fr .9fr .7fr 1.2fr auto; }
.stat-card { border-radius: 16px; }
.stat-value { font-size: 1.15rem; font-weight: 700; }
.table { font-size: .84rem; }
.btn { border-radius: 999px; }
@media (max-width: 768px) {
.dynamic-row, .dynamic-row.overpay { grid-template-columns: 1fr 1fr; }
.dynamic-row, .dynamic-row.overpay, .dynamic-row.historical { grid-template-columns: 1fr 1fr; }
.dynamic-row button { grid-column: span 2; }
}
@@ -115,3 +116,34 @@ body {
body[data-theme="dark"] .card { box-shadow: 0 14px 38px rgba(0, 0, 0, .34) !important; }
body[data-theme="dark"] .btn-outline-secondary { border-color: var(--border); color: var(--text); }
body[data-theme="dark"] .btn-outline-primary { border-color: #52637a; }
.form-check-input { background-color: var(--input-bg); border-color: var(--border); }
body[data-theme="dark"] hr { border-color: var(--border); opacity: 1; }
@media (min-width: 1200px) {
.slim-card {
max-height: calc(100vh - 2rem);
display: flex;
flex-direction: column;
}
.slim-card > .card-body {
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
padding-right: 1rem;
}
}
.slim-card > .card-body::-webkit-scrollbar {
width: 6px;
}
.slim-card > .card-body::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.18);
border-radius: 999px;
}
.slim-card > .card-body::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.28);
}