style(design): desktop layouts for Home + Profile web#301
Merged
Conversation
At >=1024px on web, compose Home as a centered ~1040px container with a primary schedule column (Up Next + This Week/Coming Up) and a ~320px right rail (member's center + welcome tour + board activity), instead of a narrow 640px column stranded in empty gray. Section blocks are extracted and reused verbatim — only their arrangement differs. Mobile web and native iOS keep the original single centered column unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
At >=1024px the profile container widens to 1080px and Birthday + Center pair
into a two-column row, tightening the page so it no longer reads as a sparse
stranded column. Empty read-only fields (Birthday, Center, Bio) now show a
quiet italic placeholder ("Not added yet", "No center selected", etc.) instead
of a bare em-dash. Mobile web keeps the stacked single column; native iOS is
unaffected (separate layout). Editing flow, validation, and the center search
dropdown are unchanged.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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 free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
Desktop web design pass. Home (≥1024px web) → centered two-column (schedule + right rail) instead of a stranded mobile column; Profile (≥1024px) → wider two-column field grid + quiet empty-state placeholders. Mobile/native unchanged (gated on web+width). Explore/Feed already had desktop layouts (untouched). 187 FE tests green; visual-QA before/after at 1440px, 0 console errors.