mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 13:01:00 +00:00
fix(insights): HealthScoreCard fills the hero-row full height
Swap the inner column from a flex stack to a 7-row grid with a 1fr slack row on the provenance accordion. The hero strip's row already stretches the card via items-stretch, the card already declares h-full, and the disclaimer keeps mt-auto for the no-grid render path. The remaining work was teaching the inner column to actually distribute the recovered vertical slack — flex with mt-auto only on the disclaimer parked the recovered space under the disclaimer instead of between the body and the footer, so the visible card ended a divider-line above the left column's bottom edge.
This commit is contained in:
1 parent
cc37e4bdcd
commit
b5a605cf31
1 file changed
+10
-1
@@ -256,7 +256,16 @@ export function HealthScoreCard({
|
||||
"flex h-full flex-col",
|
||||
)}
|
||||
>
|
||||
<div className="flex flex-1 flex-col gap-3">
|
||||
{/* v1.4.37 W4a item 1 — swap the inner column from `flex
|
||||
flex-col` to a 7-row grid so the recovered vertical slack
|
||||
(when the parent hero-row stretches the card past the
|
||||
natural content height) collects on row 6 (the provenance
|
||||
accordion) instead of clumping under the disclaimer. The
|
||||
score number stays anchored at the top, the disclaimer at
|
||||
the bottom, and the card fills the row down to the
|
||||
"Wirkt mein Medikament?" chip — closing Marc's "Karte hört
|
||||
bei der Trennlinie auf" report against v1.4.36. */}
|
||||
<div className="grid flex-1 grid-rows-[auto_auto_auto_auto_auto_1fr_auto] gap-3">
|
||||
<div className="flex items-center justify-between gap-2">
|
||||
<div className="flex min-w-0 items-center gap-2">
|
||||
<p
|
||||
|
||||
Reference in new issue
Block a user