feat: add mobile splash page with buttons to trigger auth flow #1000
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.
Pull Request Checklist
yarn test
)site
folder, and guidelines for updating/adding docs can be found in the contribution guide)feat!: breaking change
)yarn lint:check
) and fix any issues? (yarn lint:write
)Demo
https://www.loom.com/share/56c6ee313e4f45f7bbbb98e99ee7f872?sid=e11262e6-efb9-4764-a6ba-b1c763383399
Testing Guide
Try It
button should prompt the user to login showing the auth card in a bottom sheet view.Note.
A successful login would show a logout button as the rest of the mobile implementation isn't present in this PR.
PR-Codex overview
This PR primarily focuses on enhancing the UI of the application by adjusting styles, adding a new
MobileSplashPage
component, and implementing authentication modal functionality.Detailed summary
borderRadius
utilities inborders.ts
.TopNav
component.MobileSplashPage
component with a gradient header and image.MobileSplashPage
.