airbyte
airbyte copied to clipboard
🪟 🎨 Fix width of create connection view on onboarding page
What
When testing other changes on the Onboarding flow, I noticed that the width of the "create connection" content was very narrow when doing it through the Onboarding flow, even if there was enough space for it to be larger. This caused some text inside the content to be wrapped unnecessarily (e.g. the headers of the stream editing section), which is not great since this may be a common "first impression" of airbyte on new users:

How
This small PR fixes the issue by making the create connection form on the onboarding page take up the full width it can, and modifying its parent's max-width to match the max-width used in the ReplicationView.
This is what the create connection step in the onboarding flow looks like with these changes:
🚨 User Impact 🚨
Better looking form when creating a connection through the onboarding flow