oyedejioyewole / nuxt-bootstrap-icons

Just a simple integration for Bootstrap Icons by @twbs
https://nuxt-bootstrap-icons.vercel.app
6 stars 2 forks source link

Icons scaling problems (svg) #18

Open LazyTechwork opened 2 months ago

LazyTechwork commented 2 months ago

Hello, starting from 2.0 I have icons scaling problem.

This icon on 2.0.0

image

This icon in 1.1.7

image

The code

<IconHouseHeartFill class="h-[1em] w-auto" />

Potential fix

The difference between svgs from different versions is in viewBox parameter:


<svg xmlns="http://www.w3.org/2000/svg"
width="16" height="16"
fill="currentColor"
class="bi bi-house-heart-fill h-[1em] w-auto"
viewBox="0 0 16 16"><!-- We have viewBox on 1.1.7 --></svg>

<svg xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-house-heart-fill h-[1em] w-auto"><!-- We don't have one on 2.0.0 --></svg> 
oyedejioyewole commented 1 month ago

Hey, sorry for the very late reply. Could you tell me with display mode you're using. Is it component or inline

LazyTechwork commented 1 month ago

I'm using component mode

oyedejioyewole commented 1 month ago

Could you try version 2.0.2 to check if the issue persists? Thanks for your patience