forked from tsai/budibase
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