DashboardSidebar size-props have no effect

[MickL]

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.0.1

Reproduction

• https://hgmd6j-3000.csb.app/
• https://codesandbox.io/p/devbox/aged-rain-hgmd6j?file=%2Fapp%2Fapp.vue%3A129%2C26

Description

When DashboardSidebar is not resizable, the props default-size, min-size and max-size do not seem to have any effect.

You can see in the example above (first link) that the sidebar should have a fixed width but it does resize depending on browser window width.

[benjamincanac]

It's because it's using percentage by default, have you tried setting unit="rem" on the DashboardGroup? https://ui.nuxt.com/docs/components/dashboard-group#props

[MickL]

Oh now it makes sense!

There might be a little note added that the values are percentage at can be changed to px or rem in the DashboardGroup, here:
https://ui.nuxt.com/docs/components/dashboard-sidebar#size