ldiellyoungl
commented
2 months ago try this
<URange size="2xl" v-model="value" class="m-10" :ui="{ progress: { rounded: 'rounded-full' } }" />Open sikhlana opened 3 months ago
ldiellyoungl
commented
2 months ago try this
<URange size="2xl" v-model="value" class="m-10" :ui="{ progress: { rounded: 'rounded-full' } }" />
Environment
N/A
Version
v2.18.3
Reproduction
N/A
Description
If you look closely to the slider in the docs page: https://ui.nuxt.com/components/range
The slider looks okay when a lower value is set:
If the value is set around the maximum (>=95 ish?), the design breaks:
Which is even more visible when the value is 100:
And it's prominent when the size is set to
2xl:Also notice that the foreground isn't respecting the border radius of the "container"
Additional context
No response
Logs
No response