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

fix(miniapp): tighten house layout and restore balance details

Browse Source
This commit is contained in:
whekin
2026-03-12 12:45:00 +04:00
parent ae2a54a7bf
commit a38686c8b0
6 changed files with 319 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -34,6 +34,11 @@ body {
button {
font: inherit;
cursor: pointer;
}
button:disabled {
cursor: default;
}
#root {
@@ -44,7 +49,7 @@ button {
position: relative;
min-height: 100vh;
overflow: hidden;
padding: 24px 18px 108px;
padding: 24px 18px calc(140px + env(safe-area-inset-bottom));
}
.shell__backdrop {
@@ -343,7 +348,7 @@ button {
.app-bottom-nav {
position: fixed;
right: 18px;
bottom: 20px;
bottom: calc(12px + env(safe-area-inset-bottom));
left: 18px;
z-index: 3;
}
@@ -358,6 +363,7 @@ button {
display: grid;
gap: 12px;
margin-top: 12px;
padding-bottom: 12px;
}
.summary-card-grid {
@@ -387,6 +393,7 @@ button {
.activity-row,
.utility-bill-row {
display: grid;
align-content: start;
gap: 10px;
border: 1px solid rgb(255 255 255 / 0.08);
border-radius: 18px;
@@ -769,25 +776,23 @@ button {
.admin-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: start;
gap: 12px;
}
.admin-section {
display: grid;
align-items: start;
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);
overflow: hidden;
}
.admin-disclosure__summary {
@@ -795,13 +800,11 @@ button {
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
width: 100%;
border: 0;
background: transparent;
padding: 16px;
cursor: pointer;
list-style: none;
}
.admin-disclosure__summary::-webkit-details-marker {
display: none;
text-align: left;
}
.admin-disclosure__copy {
@@ -813,7 +816,7 @@ button {
transition: transform 140ms ease;
}
.admin-disclosure[open] .admin-disclosure__icon {
.admin-disclosure__icon.is-open {
transform: rotate(180deg);
}
@@ -966,7 +969,7 @@ button {
-webkit-appearance: none;
border: 0;
background: transparent;
padding: 0;
padding: 6px 10px;
font: inherit;
line-height: inherit;
cursor: pointer;
@@ -979,6 +982,7 @@ button {
}
.timezone-chip {
padding: 6px 10px;
border: 1px solid transparent;
}
@@ -1194,7 +1198,7 @@ button {
.shell {
max-width: 920px;
margin: 0 auto;
padding: 32px 24px 40px;
padding: 32px 24px 136px;
}
.summary-card-grid {
@@ -1266,7 +1270,7 @@ button {
@media (max-width: 759px) {
.shell {
padding: 18px 14px 28px;
padding: 18px 14px calc(132px + env(safe-area-inset-bottom));
}
.topbar {