Settings reorganization

[julien-nc]

• Migrate to Vue 3 and nc/vue 9.2.0
• Use NcFormBoxSwitch instead of NcCheckboxRadioSwitch
• Use labels of NcInputField and NcTextField

closes #689

Before	After

[julien-nc]

@kra-mo Hey! What do you think about those screenshots?

[kra-mo]

Based on the screenshots, it looks a lot nicer :)

Two things I guess that I would change are:

• Making the Hide deploy options buttons full-width
• Using regular, secondary-styled buttons for the i info buttons. Unless they are only activated on hover? But then they really shouldn't be as that is not accessible :)

[julien-nc]

@kra-mo Thank you!

Making the Hide deploy options buttons full-width

Done

Using regular, secondary-styled buttons for the i info buttons. Unless they are only activated on hover? But then they really shouldn't be as that is not accessible :)

I removed the color but kept tertiary. I think they are catching the eye too much when they are secondary. Wdyt?

I updated the screenshots.

What do you think about making the modal footer sticky? (always show it at the bottom without having to scroll)

Kooha-2025-11-18-12-16-39.webm

[kra-mo]

I removed the color but kept tertiary. I think they are catching the eye too much when they are secondary. Wdyt?

I was originally gonna write tertiary but I changed my mind :)

It's about layout vs. prominence. Something to think about later for Design.

But tertiary looks good and is consistent with similar items, so keep it.

What do you think about making the modal footer sticky? (always show it at the bottom without having to scroll)

Yeah, definitely makes sense :)

[julien-nc]

/compile fixup

[oleksandr-nc]

Tested - looks very beutiful 👌