nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
https://ui.nuxt.com
MIT License
3.84k stars 473 forks source link

UNotifications position #2128

Closed Abilov599 closed 2 weeks ago

Abilov599 commented 2 weeks ago

Environment

Version

2.18.4

Reproduction

https://stackblitz.com/edit/nuxt-ui-1fp2ap

please open Preview in new tab

Description

I can't change position of UNotifications component because when I pass props it doesn't override tailwind class it just add my classes right to default classes.

Solution which helped me: set class which you don't want to unset like this bottom-[unset]

Additional context

No response

Logs

No response

Abilov599 commented 2 weeks ago

Screenshot 2024-09-06 at 13 18 44

export default defineAppConfig({ ui: { notifications: { position: "top-0 bottom-[unset]", }, }, });