-
Notifications
You must be signed in to change notification settings - Fork 4.9k
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
[ShadCN]: Migrate CreateAccount Screen #14808
base: dev
Are you sure you want to change the base?
[ShadCN]: Migrate CreateAccount Screen #14808
Conversation
✅ Deploy Preview for ethereumorg ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
54fd7a7
to
34b2322
Compare
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.
> | ||
<Spinner w={SPINNER_SIZE} h={SPINNER_SIZE} /> | ||
<Spinner className={SPINNER_SIZE} /> |
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.
not a blocker but we could set this size directly in the Spinner component as it default value/size
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.
Ok! Would need to check the other related instances this component is being used, because there is only one other place where this size is explicitly applied.
So, make a note to check it in a separate PR?
"shadow-[0_0_7px_0_var(--eth-colors-blackAlpha-800)]", | ||
"shadow-[0_0_7px_0_var(--eth-colors-whiteAlpha-800)]" |
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.
lets simplify this by using shadow-md
`} | ||
transitionDelay={numToMsString(getDelayFromIndex(index))} | ||
position="relative" | ||
className={`[--display-delay:${numToMsString(getDelayFromIndex(index))}] delay-(--display-delay)`} |
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
overflow="hidden" | ||
w="full" | ||
> | ||
<div className="h-90 grid w-full grid-cols-4 gap-2 overflow-hidden whitespace-nowrap md:h-[152px]"> |
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.
<div className="h-90 grid w-full grid-cols-4 gap-2 overflow-hidden whitespace-nowrap md:h-[152px]"> | |
<div className="h-[90px] grid w-full grid-cols-4 gap-2 overflow-hidden whitespace-nowrap md:h-[152px]"> |
@pettinarip updated the stories to be better presentable, but running into that same Chromatic error that is present in the Once we can address this, I can then push that overflow fix so I can verify the change in Chromatic. |
@TylerAPfledderer there was a missing image that was breaking the dev branch fixed in #14837. Please update your branch |
@pettinarip updated! |
Description
Create stories and migrate components for the
CreateAccount
simulator screen to Tailwind/ShadCN