search

primefaces / sakai-vue

https://sakai.primevue.org
MIT License
748 stars 358 forks source link

PrimeVue 4.0 the component becomes larger #38

Closed Zhy946644 closed 2 months ago

Zhy946644 commented 3 months ago

PrimeVue 4.0 is incompatible with TailwindCSS, causing the size of components like Button and Select to change. Input and MultiSelect components become very tall, which does not match the examples provided for PrimeVue 4.0 components.

The Input and MultiSelect components on the PrimeVue showcase page are affected by the incompatibility with TailwindCSS, leading to size changes that do not align with the examples provided on the PrimeVue 4.0 components page. image image

But in https://primevue.org/multiselect/ image

The height of components such as Input and MultiSelect has changed as well. When I disabled TailwindCSS, the component styles returned to normal.

Or how to adjust the configuration of TailwindCSS, I hope to inform me of the results (repair or not) as soon as possible, thank you!

cagataycivici commented 2 months ago

This is due to line height of Tailwind Preflight adding line-height to every thing, you can either disable preflight or just use it as it is.

https://tailwindcss.com/docs/preflight