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

feat(miniapp): simplify current-cycle navigation and home summary

Browse Source
This commit is contained in:
whekin
2026-03-12 04:11:57 +04:00
parent 4e7400e908
commit 9afa9fc845
8 changed files with 296 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,7 +44,7 @@ button {
position: relative;
min-height: 100vh;
overflow: hidden;
padding: 24px 18px 32px;
padding: 24px 18px 108px;
}
.shell__backdrop {
@@ -315,18 +315,37 @@ button {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
margin-top: 12px;
padding: 4px;
border: 1px solid rgb(255 255 255 / 0.08);
border-radius: 18px;
background: rgb(255 255 255 / 0.03);
background: rgb(18 26 36 / 0.9);
box-shadow: 0 18px 36px rgb(0 0 0 / 0.26);
}
.nav-grid button {
display: grid;
justify-items: center;
gap: 4px;
border: none;
border-radius: 14px;
min-height: 38px;
padding: 9px 10px;
min-height: 52px;
padding: 8px 6px;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.02em;
text-align: center;
}
.nav-grid button span {
overflow-wrap: anywhere;
}
.app-bottom-nav {
position: fixed;
right: 18px;
bottom: 20px;
left: 18px;
z-index: 3;
}
.content-grid {
@@ -432,6 +451,14 @@ button {
grid-template-columns: minmax(0, 1fr);
}
.home-pay-card,
.home-pay-card__header,
.home-pay-card__copy,
.home-pay-card__chips {
display: grid;
gap: 12px;
}
.stat-card {
display: grid;
gap: 8px;
@@ -750,6 +777,52 @@ button {
gap: 12px;
}
.admin-disclosure {
border: 1px solid rgb(255 255 255 / 0.08);
border-radius: 20px;
background: rgb(255 255 255 / 0.03);
overflow: hidden;
}
.admin-disclosure[open] {
background:
linear-gradient(180deg, rgb(255 255 255 / 0.05), rgb(255 255 255 / 0.02)),
rgb(255 255 255 / 0.03);
}
.admin-disclosure__summary {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 16px;
cursor: pointer;
list-style: none;
}
.admin-disclosure__summary::-webkit-details-marker {
display: none;
}
.admin-disclosure__copy {
display: grid;
gap: 6px;
}
.admin-disclosure__icon {
transition: transform 140ms ease;
}
.admin-disclosure[open] .admin-disclosure__icon {
transform: rotate(180deg);
}
.admin-disclosure__content {
display: grid;
gap: 12px;
padding: 0 16px 16px;
}
.admin-sublist {
margin-top: 12px;
}
@@ -1191,7 +1264,7 @@ button {
}
.nav-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.balance-breakdown {