Hi,
I have project where I use nuxt 3.8.2 along with tailwindcss 3.4.1
When I set ssr to false in nuxt.config.ts the icons have weird behavior. Extra spacing or padding is added making my navigation look unprofessional. When I set ssr to true then everything works as expected. I thought I was messing with my styling or so, but when I commented out my icons, then styling went back to normal.
See the picture below with ssr: false (unexpected behavior)
Hi, I have project where I use nuxt 3.8.2 along with tailwindcss 3.4.1 When I set ssr to false in nuxt.config.ts the icons have weird behavior. Extra spacing or padding is added making my navigation look unprofessional. When I set ssr to true then everything works as expected. I thought I was messing with my styling or so, but when I commented out my icons, then styling went back to normal.
See the picture below with
ssr: false
(unexpected behavior)When I enable ssr: (expected behavior)
My
nuxt.config.ts
file:Here is how I use icons in my template (excerpt..)