Skip to content
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

[feat]: swap fixed height for a p-[10px] tag in Input component #3568

Open
2 tasks done
vr1eva opened this issue Apr 22, 2024 · 0 comments
Open
2 tasks done

[feat]: swap fixed height for a p-[10px] tag in Input component #3568

vr1eva opened this issue Apr 22, 2024 · 0 comments

Comments

@vr1eva
Copy link

vr1eva commented Apr 22, 2024

Feature description

My suggestion is to use a fixed padding over fixed height for an input component because a fixed padding allows the input component to adapt better to different screen sizes and device orientations. In contrast, fixed height can lead to inconsistency in appearance, especially on devices with varying screen dimensions and padding creates breathing space around the input field, enhancing the overall visual appeal and readability. It prevents the input field from appearing cramped, which can happen when using fixed height, especially if the content length varies.
In summary, opting for fixed padding (such as a p-[10px]) in an input component contribute to a more user-friendly and visually pleasing interface overall.

Affected component/components

Input

Additional Context

I spent several minutes debugging my style tree before thinking of checking the auto generated source, my bad.

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues and PRs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant