diff --git a/src/plugins/components/dropdown/dropdown.variants.ts b/src/plugins/components/dropdown/dropdown.variants.ts index 2bdf8f6..25ff6bc 100644 --- a/src/plugins/components/dropdown/dropdown.variants.ts +++ b/src/plugins/components/dropdown/dropdown.variants.ts @@ -12,10 +12,10 @@ export const size = { export const rounded = { none: '', - sm: 'nui-menu-rounded', - md: 'nui-menu-smooth', - lg: 'nui-menu-curved', - full: 'nui-menu-curved', + sm: 'nui-menu-rounded-sm', + md: 'nui-menu-rounded-md', + lg: 'nui-menu-rounded-lg', + full: 'nui-menu-rounded-lg', } as const satisfies DropdownVariant<'rounded'> export const color = { diff --git a/src/plugins/components/dropdown/index.ts b/src/plugins/components/dropdown/index.ts index 2b46e1f..535327f 100644 --- a/src/plugins/components/dropdown/index.ts +++ b/src/plugins/components/dropdown/index.ts @@ -123,15 +123,15 @@ export default plugin(({ addComponents, theme }) => { '@apply w-72': {}, }, //Rounded:sm - '&.nui-menu-rounded': { + '&.nui-menu-rounded-sm': { [`@apply ${config.menu.rounded.sm}`]: {}, }, //Rounded:md - '&.nui-menu-smooth': { + '&.nui-menu-rounded-md': { [`@apply ${config.menu.rounded.md}`]: {}, }, //Rounded:lg - '&.nui-menu-curved': { + '&.nui-menu-rounded-lg': { [`@apply ${config.menu.rounded.lg}`]: {}, }, //Color:default