fix(BaseDropdownItem): refactor dropdown-item hover styles

shuriken-ui · Dec 18, 2023 · a6433a0 · a6433a0
1 parent d0bf81d
commit a6433a0
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/plugins/components/dropdown-item/index.ts b/src/plugins/components/dropdown-item/index.ts
@@ -40,7 +40,13 @@ export default plugin.withOptions(
           },
           //Color:default
           [`&.${prefix}item-default`]: {
-            [`&.${prefix}active, &:hover`]: {
+            //Background:hover
+            [`@apply hover:bg-${config.color.default.background.light} dark:hover:bg-${config.color.default.background.dark}`]:
+              {},
+            //Font:hover
+            [`@apply hover:text-${config.color.default.font.color.light} dark:hover:text-${config.color.default.font.color.dark}`]:
+              {},
+            [`&.${prefix}active`]: {
               //Background:hover
               [`@apply bg-${config.color.default.background.light} dark:bg-${config.color.default.background.dark}`]:
                 {},
@@ -51,7 +57,13 @@ export default plugin.withOptions(
           },
           //Color:contrast
           [`&.${prefix}item-contrast`]: {
-            [`&.${prefix}active, &:hover`]: {
+            //Background:hover
+            [`@apply hover:bg-${config.color.contrast.background.light} dark:hover:bg-${config.color.contrast.background.dark}`]:
+              {},
+            //Font:hover
+            [`@apply hover:text-${config.color.contrast.font.color.light} dark:hover:text-${config.color.contrast.font.color.dark}`]:
+              {},
+            [`&.${prefix}active`]: {
               //Background:hover
               [`@apply bg-${config.color.contrast.background.light} dark:bg-${config.color.contrast.background.dark}`]:
                 {},