whekin/household-bot
1
0
Fork 0
mirror of https://github.com/whekin/household-bot.git synced 2026-03-31 21:04:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(miniapp): redesign balance and due-state flows

Browse Source
This commit is contained in:
whekin
2026-03-12 14:08:55 +04:00
parent 6053379f31
commit 0d2065fd5e
11 changed files with 434 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
apps/miniapp/src/index.css
View File

@@ -461,11 +461,16 @@ button:disabled {
.home-pay-card,
.home-pay-card__header,
.home-pay-card__copy,
.home-pay-card__chips {
.home-pay-card__chips,
.home-pay-card__actions {
display: grid;
gap: 12px;
}
.home-pay-card__actions {
justify-items: start;
}
.stat-card {
display: grid;
gap: 8px;
@@ -1186,6 +1191,10 @@ button:disabled {
gap: 16px;
}
.balance-section--secondary {
background: linear-gradient(180deg, rgb(255 255 255 / 0.04), rgb(255 255 255 / 0.02));
}
.balance-section__header {
display: flex;
flex-wrap: wrap;
@@ -1199,6 +1208,10 @@ button:disabled {
gap: 8px;
}
.balance-section__field {
min-width: min(220px, 100%);
}
.household-balance-list {
display: grid;
gap: 12px;
@@ -1208,6 +1221,22 @@ button:disabled {
margin-top: 12px;
}
.balance-detail-card,
.balance-detail-card__rows {
display: grid;
gap: 12px;
}
.balance-detail-card__header {
display: grid;
gap: 10px;
}
.balance-detail-card__copy {
display: grid;
gap: 6px;
}
.app-context-row {
display: flex;
flex-wrap: wrap;
@@ -1248,10 +1277,23 @@ button:disabled {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-pay-card__header {
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
}
.balance-spotlight__hero {
grid-column: 1 / -1;
}
.balance-spotlight__header {
align-items: start;
}
.home-pay-card__actions {
justify-items: end;
}
.balance-spotlight__stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@@ -1298,6 +1340,10 @@ button:disabled {
.member-editor-actions__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.balance-detail-card__rows {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 759px) {