andrewwallacespeckle
c2a95b484f
* New Text Styles. Initial FE2 changes * More fe2 styling classes * Minor update * Minor update * Fix build * More updates for discussion * More styling updates * Minor updates to inputs * More text updates * More font class swapping * Revert dui3 changes * Confirmed Lineheights * Add story files for new text styles * Minor copy changes * Minor typo * andrew/web-1371-misalignment-in-account-dropdown * andrew/web-1374-settings-text-styles-are-not-right * andrew/web-1375-nav-texts-should-be-14px * andrew/web-1376-decrease-size-of-versions-header * andrew/web-1377-version-card-title * semibold>medium * Measure mode * Changes from PR * Tweaked nav menu * Revert prose change. Add prose-sm --------- Co-authored-by: Mike Tasset <mike.tasset@gmail.com>
34 lines
748 B
Vue
34 lines
748 B
Vue
<template>
|
|
<div class="text-foreground hover:text-primary-focus transition last:truncate">
|
|
<NuxtLink
|
|
:to="to"
|
|
class="flex gap-1 items-center text-body-sm ml-0.5"
|
|
active-class="text-primary text-heading group is-active"
|
|
>
|
|
<div v-if="separator">
|
|
<ChevronRightIcon class="flex w-4 h-4 text-foreground-2" />
|
|
</div>
|
|
<div class="group-[.is-active]:truncate">
|
|
{{ name || to }}
|
|
</div>
|
|
</NuxtLink>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { ChevronRightIcon } from '@heroicons/vue/20/solid'
|
|
defineProps({
|
|
separator: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
to: {
|
|
type: String,
|
|
default: '/'
|
|
},
|
|
name: {
|
|
type: String,
|
|
default: null
|
|
}
|
|
})
|
|
</script>
|