Standardize mode home sizing and slim the search pill for phones - #329
Merged
Conversation
All eight mode homes now render the shared compact ModeHomeHero at identical sizes: Favourites gains the compact flag, Tools swaps its bespoke hero markup for the shared component, and Differentials drops its extra max-w-6xl wrapper. Short mode homes centre their hero and search block mid-screen on phones (both dashboard-hosted and standalone routes), replacing the top-anchored treatment and the phone-wrong 4rem header calc. The composer pill slims from 3.8rem to 3.25rem (3.5rem from sm) with a flat action button and lighter shadow, and the route-loading skeleton now matches the compact hero so pages no longer jump on load. The mobile Playwright loop gains Documents and Medication entries plus a hero-parity test across all eight modes. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JrqMMyWff7uicA1v9gUhfx
This pull request has been ignored for the connected project Preview Branches by Supabase. |
BigSimmo
marked this pull request as ready for review
July 6, 2026 14:13
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
ModeHomeHeroat identical sizes: Favourites gains thecompactflag, Tools replaces its bespoke hero markup with the shared component, and Differentials drops its extramax-w-6xl px-1wrapper.ModeHomeMain's phone min-height now nets out the real phone chrome instead of the incorrect 4rem desktop-header calc. Content-rich hubs (Favourites, Tools) stay top-aligned with the standardized hero.sm:) with a flat borderless "+" action button and a lighter shadow, closer to a ChatGPT-style input bar; 44px tap targets and the 16px input font are preserved.Verification
npm run verify:cheapnpm run verify:uiwhen UI, routing, styling, browser behavior, reduced-motion, or forced-colors behavior changednpm run verify:releasebefore release or handoff confidence claimsnpm run format:checknpm run eval:retrieval:quality(must stay 23/23) when retrieval, ranking, selection, chunking, or scoring behavior changed — not applicable: no retrieval/ranking/selection/chunking/scoring changesnpm run eval:rag -- --limit 15+npm run eval:quality -- --rag-only— not applicable: no answer-generation changesnpm run check:production-readiness— not applicable: UI chrome/layout onlynpm run check:deployment-readiness— not applicable: no deployment changesClinical Governance Preflight
Not applicable — this change touches mode-home layout, hero sizing, and composer styling only; no ingestion, answer generation, search/ranking, source rendering, document access, privacy, production env, or clinical output behavior changed.
Notes
sm+change: the Tools heading converges from its bespoke 2.7rem to the shared 2.45rem (2.9rem atlg:) so all heroes match at every breakpoint.🤖 Generated with Claude Code
https://claude.ai/code/session_01JrqMMyWff7uicA1v9gUhfx
Generated by Claude Code