|
|
|
@ -5,12 +5,7 @@ |
|
|
|
export let disabled |
|
|
|
</script> |
|
|
|
|
|
|
|
<div |
|
|
|
class="dropdown-item" |
|
|
|
class:disabled |
|
|
|
on:click |
|
|
|
class:big={subtitle != null} |
|
|
|
{...$$restProps}> |
|
|
|
<div class="dropdown-item" class:disabled on:click {...$$restProps}> |
|
|
|
{#if icon}<i class={icon} />{/if} |
|
|
|
<div class="content"> |
|
|
|
<div class="title">{title}</div> |
|
|
|
@ -27,7 +22,7 @@ |
|
|
|
justify-content: flex-start; |
|
|
|
align-items: center; |
|
|
|
gap: var(--spacing-m); |
|
|
|
padding: var(--spacing-xs) var(--spacing-l); |
|
|
|
padding: var(--spacing-s) var(--spacing-l); |
|
|
|
color: var(--ink); |
|
|
|
} |
|
|
|
.dropdown-item.disabled, |
|
|
|
@ -35,9 +30,6 @@ |
|
|
|
pointer-events: none; |
|
|
|
color: var(--grey-5); |
|
|
|
} |
|
|
|
.dropdown-item.big { |
|
|
|
padding: var(--spacing-s) var(--spacing-l); |
|
|
|
} |
|
|
|
.dropdown-item:not(.disabled):hover { |
|
|
|
background-color: var(--grey-2); |
|
|
|
cursor: pointer; |
|
|
|
@ -65,10 +57,6 @@ |
|
|
|
} |
|
|
|
|
|
|
|
i { |
|
|
|
padding: 0.5rem; |
|
|
|
background-color: var(--grey-2); |
|
|
|
font-size: 24px; |
|
|
|
border-radius: var(--border-radius-s); |
|
|
|
color: var(--ink); |
|
|
|
font-size: var(--font-size-m); |
|
|
|
} |
|
|
|
</style> |
|
|
|
|