Closed christianjro closed 10 months ago
Name | Link |
---|---|
Latest commit | da2104cb250538925f6469be270ab8bc045b743e |
Latest deploy log | https://app.netlify.com/sites/lucky-parking-staging/deploys/6537f4e9b7768100089eaf0c |
Deploy Preview | https://deploy-preview-564--lucky-parking-staging.netlify.app/ |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
Name | Link |
---|---|
Latest commit | da2104cb250538925f6469be270ab8bc045b743e |
Latest deploy log | https://app.netlify.com/sites/lucky-parking-staging-storybook/deploys/6537f4e9d7f93b0007cb4ae6 |
Solid work!
2 UI comments. Lets make sure the stepper is aligned and the "see Data 1" font matches the "first region" font.
Solid work!
2 UI comments. Lets make sure the stepper is aligned and the "see Data 1" font matches the "first region" font.
@gibsonliketheguitar I'm not seeing this in the deploy preview.
It might be the resolution you're using when you're testing. Your screenshot shows a bit of the radius tool, so the lower resolution might be the issue.
If that's the case, we can ignore this issue for now. @christianjro
Solid work! 2 UI comments. Lets make sure the stepper is aligned and the "see Data 1" font matches the "first region" font.
@gibsonliketheguitar I'm not seeing this in the deploy preview.
It might be the resolution you're using when you're testing. Your screenshot shows a bit of the radius tool, so the lower resolution might be the issue.
If that's the case, we can ignore this issue for now. @christianjro
I couldn't replicate this view, but I also had to hard code some of the CSS (such as the First/Second region input widths) since the containers were being funky. This will probably have to be adjusted at some point if we want to make it more responsive.
@christianjro I just checked my browser settings. I have my font size set to Large, that seems to be the issue. I think changes to fix would be making the stepper container expand to w-full and the parent container of the input expanding to w-full
Great work here! I really appreciate the teamwork and collaboration in this PR. Thanks, @christianjro @gibsonliketheguitar
Description
The Compare Mode is not implemented with a stepper component. The stepper component allows the user to see their progress as they fill out the steps.
To solve this I used the stepper component from the UI library and adjusted spacings to align with the UX design.
Related Issues
Resolves #556
Testing
Checklist