Mobile-responsive homepage with drawer navigation and form scaling#627
Open
Rballesteros wants to merge 6 commits intomainfrom
Open
Mobile-responsive homepage with drawer navigation and form scaling#627Rballesteros wants to merge 6 commits intomainfrom
Rballesteros wants to merge 6 commits intomainfrom
Conversation
Rballesteros
requested review from
AMMayberry1,
brianries,
danbastin and
moyerr
as code owners
Rballesteros
force-pushed
the
Rballesteros/homepage-layout-navigation-forms
branch
3 times, most recently
from
a38e7e2 to
8d3372b
Compare
…nd form optimization This PR implements the structural layout changes for the mobile homepage redesign: - Responsive Grid Layout: Mobile-first grid with column stacking and reordering - Mobile Drawer Navigation: Hamburger menu with glassmorphic drawer - Responsive Banner: Adaptive height and clip paths for mobile/desktop - Form Mobile Optimization: Prevents iOS auto-zoom with responsive font sizing - Font Sizing Foundation: CSS variables and breakpoint-based sizing
…o `em` units and reducing values.
…mplement dark theme styling for MuiButton components.
Rballesteros
force-pushed
the
Rballesteros/homepage-layout-navigation-forms
branch
from
8d3372b to
0ae3fee
Compare
CheBato
reviewed
Mar 1, 2026
| flexItem | ||
| sx={{ borderColor: '#ffffff4D', mx: 1 }} | ||
| /> | ||
| <Divider orientation="vertical" flexItem sx={{ borderColor: '#ffffff4D', mx: 1 }} /> |
Collaborator
There was a problem hiding this comment.
nit: We could just add this sx as a class so we can reuse it on dividers elswhere
| } | ||
| disabled={userLoading} | ||
| placeholder="Favorite Decks" | ||
| SelectProps={{ sx: { fontSize: { xs: '1.5rem', md: '1rem' } } }} |
Collaborator
There was a problem hiding this comment.
nit: same comment as above lets make this into a class since i noticed it being reused later on.
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
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.
Layout (
page.tsx)Banner (
Banner.tsx)@mediaqueries with MUI breakpoint objectsNavigation (
ControlHub.tsx)Forms (
CreateGameForm.tsx,QuickGameForm.tsx)<Box>to<Typography>for semantics