codu icon indicating copy to clipboard operation
codu copied to clipboard

codu.co prefix label not lining up correctly on onboarding-form.

Open John-Paul-Larkin opened this issue 1 year ago • 2 comments

Context

On slide one of the additional-details (onboarding form) there is a prefix label which does not line up correctly. We are using the Catalyst component library from tailwind UI. Currently the prefix is contained within a span with the catalyst input to the right.

Expected Behavior

Remove the current div with the span and input, and replace it something that looks better. You could possibly replace it with the "Input with leading icon" or "Input with add on" component. Catalyst components

Note: Please do not edit the Catalyst components default styles.

Current Behavior

Current input not aligning

It is more obvious with a focus ring. Current input with focus

Additional info

Note: The catalyst components can be found at :

components> ui-components

The onboarding form is found at

app>(app)>alpha>additional-details

Any questions feel free to ask.

Connected issues #1003 #1004 #1005 #1006 #1008 #1009 #1011

John-Paul-Larkin avatar Sep 09 '24 15:09 John-Paul-Larkin

I'll take this one. Just as a note it's probably not clear to newcomers that there's an alpha section. 🗡️

CarolinaCobo avatar Sep 22 '24 18:09 CarolinaCobo

I'll take this one. Just as a note it's probably not clear to newcomers that there's an alpha section. 🗡️

Awesome. You are right about the Alpha section. It took me a while to figure that out to. I will add a piece to the readme about it, although Niall has mentioned adding PostHog to the project for this purpose.

John-Paul-Larkin avatar Sep 22 '24 18:09 John-Paul-Larkin