update NavItem
This commit is contained in:
parent
8a36d81d32
commit
8dc7c98b6e
|
@ -1,4 +1,6 @@
|
||||||
<script>
|
<script>
|
||||||
|
import { Icon } from "@budibase/bbui"
|
||||||
|
|
||||||
export let icon
|
export let icon
|
||||||
export let withArrow = false
|
export let withArrow = false
|
||||||
export let withActions = true
|
export let withActions = true
|
||||||
|
@ -22,11 +24,12 @@
|
||||||
on:drop
|
on:drop
|
||||||
on:click
|
on:click
|
||||||
ondragover="return false"
|
ondragover="return false"
|
||||||
ondragenter="return false">
|
ondragenter="return false"
|
||||||
|
>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
{#if withArrow}
|
{#if withArrow}
|
||||||
<div class:opened class="icon arrow">
|
<div class:opened class="icon arrow">
|
||||||
<i class="ri-arrow-right-s-line" />
|
<Icon s name="ChevronRight" />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
|
@ -51,9 +54,6 @@
|
||||||
transition: background-color
|
transition: background-color
|
||||||
var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
|
var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
|
||||||
}
|
}
|
||||||
.nav-item.border {
|
|
||||||
/*border-top: 1px solid var(--grey-2);*/
|
|
||||||
}
|
|
||||||
.nav-item.selected {
|
.nav-item.selected {
|
||||||
background-color: var(--grey-2);
|
background-color: var(--grey-2);
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
|
|
Loading…
Reference in New Issue