twentyhq / twenty

Building a modern alternative to Salesforce, powered by the community.

https://twenty.com

Other

17.64k stars 2.08k forks source link

Detail page inputs style #6870

Closed Bonapara closed 1 month ago

Bonapara commented 1 month ago

Current Behavior

Some input backgrounds are #FFF instead of being transparent with some blur.

CleanShot 2024-09-03 at 09 36 46

The inputs are too large (320px)

CleanShot 2024-09-03 at 09 41 19

Desired Behavior

Make sure the blur is applied on every field type input
Make the inputs 240px wide

89200a6f70c897eef8c91da12b0ec0315027a99b6d27a7bb0e9112e537407bca

harshit078 commented 1 month ago

Hi @Bonapara, Should reducing the width for Address field also count in this issue too ?

Current

After

Bonapara commented 1 month ago

Hey @harshit078, you're right, let's keep the actual width for the address field!

harshit078 commented 1 month ago

If we keep the current width of the address field then it clips through the page and goes overflow for mobile viewports. Decreasing the width for only mobile viewports can be the optimal solution. What are your views on this ?

Bonapara commented 1 month ago

CleanShot 2024-09-04 at 10 28 47

I think we could adapt the responsiveness like this on mobile. Thanks for the great input, @harshit078!

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=39053-99397&node-type=FRAME&t=RwXmhjVOkDpZzIFz-11

harshit078 commented 1 month ago

Can I take this issue up @Bonapara ? Was working in this area already .

Bonapara commented 1 month ago

Sure @harshit078, thanks for contributing!