No description
A single long Google review made every card in the row stretch to match it (default flex align-items: stretch), leaving short reviews with a huge empty gap before the name - reported with a real screenshot where one card towered over its neighbors. The review paragraph is now capped at line-clamp-6, so no single card's natural height is unbounded anymore - stretch still aligns the row, but to a reasonable, consistent height instead of an outlier's full text. Full text stays in the DOM (still copyable/accessible), just visually truncated with a native ellipsis. Added a bit more visual polish while in there: a subtle decorative quote mark per card, a hover shadow lift, and an avatar next to each name - the reviewer's real Google profile photo when available, otherwise a colored initial-letter circle (Home.jsx now passes profile_photo_url through, previously fetched but unused). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> |
||
|---|---|---|
| hifi | ||
| hifi-src | ||
| .gitignore | ||
| DEPLOY.md | ||