-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Issue#55: Style Home Page #65
Conversation
Visit the preview URL for this PR (updated for commit 80d3b75): https://tcl-77-smart-shopping-list--pr65-fz-design-homepage-hzadu9e3.web.app (expires Mon, 21 Oct 2024 21:36:02 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: b77df24030dca7d8b6561cb24957d2273c5e9d72 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I LOVE this! The pages look so nice and organized, and I love the grid look for buttons!
I LOVE how organized the classes are!
{user && ( | ||
<> | ||
<ul> | ||
<CreateList user={user} setListPath={setListPath} /> | ||
<h3 className="heading-text">Your Lists</h3> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice add to have a way to show the user these are their lists!
Learn More | ||
</Button> | ||
<SignInButton isSignIn={false} /> | ||
<h3 className="heading-text">Welcome Back:</h3> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I love the seperation of the buttons here and switching the learn more to the below the sign back in button!
@@ -0,0 +1,12 @@ | |||
// ====== MEDIA ======== | |||
@mixin tablet { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
so these are mixins how cool!
For an example of how to fill this template out, see this Pull Request.
Description
Designed the HomePage views for Unauthenticated and Authenticated audience referencing the teams' figma design. Adjusted some of the default styling coming in from React Bootstrap elements to ensure they align with our design requirements.
Related Issue
Closes #55
Acceptance Criteria
Type of Changes
design
UI updates
Updates
Before
After
Unauthenticated HomePage:

Authenticated HomePage:

Testing Steps / QA Criteria