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

refactor(miniapp): tighten overview screen density

Browse Source
This commit is contained in:
whekin
2026-03-11 19:58:09 +04:00
parent 53d9dea48d
commit ac48cece8a
3 changed files with 47 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
apps/miniapp/src/screens/home-screen.tsx
View File

@@ -46,46 +46,50 @@ type Props = {
export function HomeScreen(props: Props) {
if (!props.dashboard) {
return (
<div class="home-grid home-grid--summary">
<article class="stat-card">
<span>{props.copy.remainingLabel ?? ''}</span>
<strong>—</strong>
</article>
<article class="stat-card">
<span>{props.copy.shareRent ?? ''}</span>
<strong>—</strong>
</article>
<article class="stat-card">
<span>{props.copy.shareUtilities ?? ''}</span>
<strong>—</strong>
</article>
<article class="stat-card">
<span>{props.copy.purchasesTitle ?? ''}</span>
<strong>—</strong>
</article>
<div class="home-grid">
<div class="summary-card-grid">
<article class="stat-card">
<span>{props.copy.remainingLabel ?? ''}</span>
<strong>—</strong>
</article>
<article class="stat-card">
<span>{props.copy.shareRent ?? ''}</span>
<strong>—</strong>
</article>
<article class="stat-card">
<span>{props.copy.shareUtilities ?? ''}</span>
<strong>—</strong>
</article>
<article class="stat-card">
<span>{props.copy.purchasesTitle ?? ''}</span>
<strong>—</strong>
</article>
</div>
</div>
)
}
return (
<div class="home-grid home-grid--summary">
<FinanceSummaryCards
dashboard={props.dashboard}
utilityTotalMajor={props.utilityTotalMajor}
purchaseTotalMajor={props.purchaseTotalMajor}
labels={{
remaining: props.copy.remainingLabel ?? '',
rent: props.copy.shareRent ?? '',
utilities: props.copy.shareUtilities ?? '',
purchases: props.copy.purchasesTitle ?? ''
}}
/>
<Show when={props.readyIsAdmin}>
<article class="stat-card">
<span>{props.copy.pendingRequests ?? ''}</span>
<strong>{String(props.pendingMembersCount)}</strong>
</article>
</Show>
<div class="home-grid">
<div class="summary-card-grid">
<FinanceSummaryCards
dashboard={props.dashboard}
utilityTotalMajor={props.utilityTotalMajor}
purchaseTotalMajor={props.purchaseTotalMajor}
labels={{
remaining: props.copy.remainingLabel ?? '',
rent: props.copy.shareRent ?? '',
utilities: props.copy.shareUtilities ?? '',
purchases: props.copy.purchasesTitle ?? ''
}}
/>
<Show when={props.readyIsAdmin}>
<article class="stat-card">
<span>{props.copy.pendingRequests ?? ''}</span>
<strong>{String(props.pendingMembersCount)}</strong>
</article>
</Show>
</div>
<Show
when={props.currentMemberLine}