mirror of
https://github.com/hydralauncher/hydra.git
synced 2025-03-09 15:40:26 +00:00
lint
This commit is contained in:
parent
2c1c3e3c98
commit
ca953de464
2 changed files with 19 additions and 21 deletions
|
@ -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;
|
||||
|
|
|
@ -46,30 +46,29 @@ export default ({
|
|||
>
|
||||
{title && (
|
||||
<DropdownMenu.Group className="dropdown-menu__group">
|
||||
<div className="dropdown-menu__title-bar">
|
||||
{title}
|
||||
</div>
|
||||
<div className="dropdown-menu__title-bar">{title}</div>
|
||||
</DropdownMenu.Group>
|
||||
)}
|
||||
|
||||
<DropdownMenu.Separator className="dropdown-menu__separator" />
|
||||
|
||||
<DropdownMenu.Group className="dropdown-menu__group">
|
||||
{items.map((item) =>
|
||||
item.show !== false && (
|
||||
<DropdownMenu.Item
|
||||
key={item.label}
|
||||
aria-label={item.label}
|
||||
onSelect={item.onClick}
|
||||
className={`dropdown-menu__item ${item.disabled ? "dropdown-menu__item--disabled" : ""}`}
|
||||
disabled={item.disabled}
|
||||
>
|
||||
{item.icon && (
|
||||
<div className="dropdown-menu__item-icon">{item.icon}</div>
|
||||
)}
|
||||
{item.label}
|
||||
</DropdownMenu.Item>
|
||||
)
|
||||
{items.map(
|
||||
(item) =>
|
||||
item.show !== false && (
|
||||
<DropdownMenu.Item
|
||||
key={item.label}
|
||||
aria-label={item.label}
|
||||
onSelect={item.onClick}
|
||||
className={`dropdown-menu__item ${item.disabled ? "dropdown-menu__item--disabled" : ""}`}
|
||||
disabled={item.disabled}
|
||||
>
|
||||
{item.icon && (
|
||||
<div className="dropdown-menu__item-icon">{item.icon}</div>
|
||||
)}
|
||||
{item.label}
|
||||
</DropdownMenu.Item>
|
||||
)
|
||||
)}
|
||||
</DropdownMenu.Group>
|
||||
</DropdownMenu.Content>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue