Closed rezk2ll closed 2 years ago
For the UI of the input+select I propose to use input groups like this: https://staging-web.twake.app/storybook/index.html?path=/story/atoms-input-groups--default
I just wanted to confirm that you used this for the tabs: https://staging-web.twake.app/storybook/index.html?path=/story/molecules-tabs--default If not please use it and if yes please add a text-center to each tab.
For some components the items are not vertically centered, to fix this a lot of time you can just use a "flex flex-row items-center" like described here: https://tailwindcss.com/docs/align-items#center It will help for "invite as guest" stuff and also "Workspace invitation link" stuff
Make sure you use the Text atom to always have the correct text size https://staging-web.twake.app/storybook/index.html?path=/story/atoms-text--default , if you did, then nevermind, let's see once it is vertically aligned.
Make sure to have same paddings everywhere and always using the tailwind padding classes see this image (bottom is correct):
https://user-images.githubusercontent.com/6764881/195390772-d502b075-4140-4502-9a69-fed01e45a1c4.mp4