fix(web): mobile responsive layout (nav overlap, crushed docs, cramped chat cards)#26
Merged
Conversation
Audited all pages at a 390px viewport; three real breakages: - Nav: the logo and links overlapped/wrapped on phones. Smaller logo and wordmark below sm, tighter gaps, nowrap links, and the external Status link is hidden on phones (it's on the home footer anyway). - API docs: the page wrapper was flex-row even on mobile, so once the sidebar hid, the mobile <select> and the content rendered side by side, crushing the article into a one-word-wide column. flex-col on mobile, md:flex-row on desktop. - Chat empty state: example cards go single-column below sm — the new longer questions were wrapping over seven lines in half-width cards. Search results page needed no changes (groups stack, tile rows scroll). Verified with before/after 390x844 screenshots of all four pages.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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.
Audited every page at 390×844. Fixes:
flex-row on mobile so the select + content rendered side-by-side, crushing the article to one word per line →flex-col md:flex-row.grid-cols-1 sm:grid-cols-2.Search results page was already fine. Verified with before/after mobile screenshots of all four pages.