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
[X] I've made research efforts and searched the documentation
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