mirror of https://github.com/Budibase/budibase.git
1 changed files with 0 additions and 55 deletions
@ -1,55 +0,0 @@ |
|||
<script> |
|||
export let icon |
|||
export let className |
|||
export let title |
|||
export let selected |
|||
export let indented |
|||
</script> |
|||
|
|||
<div |
|||
data-cy="table-nav-item" |
|||
class:indented |
|||
class:selected |
|||
on:click |
|||
class={className}> |
|||
<i class={icon} /> |
|||
<span>{title}</span> |
|||
<slot /> |
|||
</div> |
|||
|
|||
<style> |
|||
.indented { |
|||
grid-template-columns: 46px 1fr 20px; |
|||
} |
|||
.indented i { |
|||
justify-self: end; |
|||
} |
|||
|
|||
div { |
|||
padding: var(--spacing-s) var(--spacing-m); |
|||
border-radius: var(--border-radius-m); |
|||
display: grid; |
|||
grid-template-columns: 20px 1fr 20px; |
|||
align-items: center; |
|||
transition: 0.3s background-color; |
|||
color: var(--ink); |
|||
font-weight: 400; |
|||
font-size: 14px; |
|||
margin-bottom: var(--spacing-xs); |
|||
grid-gap: var(--spacing-s); |
|||
} |
|||
|
|||
.selected { |
|||
background-color: var(--grey-2); |
|||
} |
|||
|
|||
div:hover { |
|||
background-color: var(--grey-1); |
|||
cursor: pointer; |
|||
} |
|||
|
|||
i { |
|||
color: var(--grey-7); |
|||
font-size: 20px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue