kzbkowski/whowhat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.0.1

Browse Source 
Rozliczenia
This commit is contained in:
Kacper Żbikowski
2026-07-11 00:05:44 +02:00
parent c4a692b5d2
commit af44af5027
12 changed files with 648 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
frontend/src/styles.css
View File

@@ -132,6 +132,24 @@ input, select, button, textarea { font-family: inherit; font-size: 1rem; color:
.fab .material-symbols-outlined { font-size: 30px; }
.top-settings-btn {
position: fixed;
top: calc(12px + env(safe-area-inset-top));
right: 12px;
z-index: 15;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--card);
color: var(--text);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
text-decoration: none;
}
.top-settings-btn.active { color: var(--primary); }
/* Auth pages */
.auth-page {
max-width: 400px;
@@ -214,6 +232,7 @@ input, select, button, textarea { font-family: inherit; font-size: 1rem; color:
}
.btn-full { width: 100%; display: block; }
.btn-center { width: fit-content; margin: 0 auto; }
.theme-toggle { display: flex; gap: 8px; }
.theme-toggle .tab { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; }
@@ -330,6 +349,39 @@ input, select, button, textarea { font-family: inherit; font-size: 1rem; color:
.exact-shares { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.exact-shares .field { flex: 1; }
.split-slider {
width: 100%;
height: 8px;
border-radius: 999px;
background: var(--border);
appearance: none;
-webkit-appearance: none;
outline: none;
margin: 8px 0 4px;
}
.split-slider::-webkit-slider-thumb {
appearance: none;
-webkit-appearance: none;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--primary);
border: 3px solid var(--card);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.split-slider::-moz-range-thumb {
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--primary);
border: 3px solid var(--card);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.split-slider-amounts { display: flex; gap: 10px; }
.split-slider-amounts .field { flex: 1; }
/* History */
.filters { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.filters select, .filters input {
@@ -373,6 +425,10 @@ input, select, button, textarea { font-family: inherit; font-size: 1rem; color:
.expense-item .amount { font-weight: 700; }
.expense-item .share { font-size: 0.75rem; color: var(--muted); }
.settlement-item { cursor: pointer; background: var(--accent-bg); }
.settlement-item .settlement-icon { background: transparent; color: var(--accent-text); }
.settlement-item .title { color: var(--accent-text); }
.empty-state { text-align: center; color: var(--muted); padding: 40px 20px; }
/* Settings */