diff --git a/src/renderer/src/components/dropdown-menu/dropdown-menu.scss b/src/renderer/src/components/dropdown-menu/dropdown-menu.scss index c3474063..3c615116 100644 --- a/src/renderer/src/components/dropdown-menu/dropdown-menu.scss +++ b/src/renderer/src/components/dropdown-menu/dropdown-menu.scss @@ -1,7 +1,6 @@ @use "../../scss/globals.scss"; .dropdown-menu { - &__content { background-color: globals.$dark-background-color; border: 1px solid globals.$border-color; @@ -22,7 +21,7 @@ font-size: 14px; font-weight: 500; color: globals.$muted-color; -} + } &__separator { width: 100%; @@ -42,7 +41,7 @@ cursor: pointer; transition: background-color 0.1s ease-in-out; font-size: 14px; -} + } &__item--disabled { cursor: default; diff --git a/src/renderer/src/components/dropdown-menu/dropdown-menu.tsx b/src/renderer/src/components/dropdown-menu/dropdown-menu.tsx index 50888d1f..747bad0a 100644 --- a/src/renderer/src/components/dropdown-menu/dropdown-menu.tsx +++ b/src/renderer/src/components/dropdown-menu/dropdown-menu.tsx @@ -46,30 +46,29 @@ export default ({ > {title && ( -
- {title} -
+
{title}
)} - {items.map((item) => - item.show !== false && ( - - {item.icon && ( -
{item.icon}
- )} - {item.label} -
- ) + {items.map( + (item) => + item.show !== false && ( + + {item.icon && ( +
{item.icon}
+ )} + {item.label} +
+ ) )}