mirror of https://github.com/Budibase/budibase.git
2 changed files with 0 additions and 69 deletions
@ -1,50 +0,0 @@ |
|||
<script> |
|||
export let href, |
|||
icon, |
|||
title, |
|||
active = false |
|||
</script> |
|||
|
|||
<a {href} target="_blank" class="nav-item" class:active> |
|||
{#if icon} |
|||
<span class="nav-item-icon"> |
|||
<svelte:component this={icon} /> |
|||
</span> |
|||
{/if} |
|||
{#if title} |
|||
<div class="nav-item-title">{title}</div> |
|||
{/if} |
|||
</a> |
|||
|
|||
<style> |
|||
.nav-item { |
|||
cursor: pointer; |
|||
padding: 12px; |
|||
height: 2rem; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
box-sizing: border-box; |
|||
border-radius: var(--border-radius-s); |
|||
} |
|||
|
|||
.nav-item:hover { |
|||
background-color: var(--grey-1); |
|||
} |
|||
|
|||
.nav-item-title { |
|||
font-family: var(--font-sans); |
|||
font-size: var(--font-size-xs); |
|||
color: var(--ink); |
|||
font-weight: 400; |
|||
margin-left: 12px; |
|||
} |
|||
|
|||
.nav-item-icon { |
|||
color: var(--grey-7); |
|||
} |
|||
|
|||
.active { |
|||
background-color: var(--grey-2); |
|||
} |
|||
</style> |
|||
@ -1,19 +0,0 @@ |
|||
<script> |
|||
import { View } from "svench"; |
|||
import Home from "./Home.svelte"; |
|||
import Contribution from "../Icons/Contribution.svelte"; |
|||
</script> |
|||
|
|||
<View name="default"> |
|||
<Home |
|||
href="https://github.com/Budibase/budibase/blob/master/CONTRIBUTING.md" |
|||
title="Contribute" |
|||
icon={Contribution} /> |
|||
</View> |
|||
<View name="active"> |
|||
<Home |
|||
active |
|||
href="https://github.com/Budibase/budibase/blob/master/CONTRIBUTING.md" |
|||
title="Contribute" |
|||
icon={Contribution} /> |
|||
</View> |
|||
Loading…
Reference in new issue