Benjamin Ottensten
fc76fd9f4f
* Update header navigation Logo, share button color, breadcrumb colors, spacings * Updates to main button component Shadows, border on secondary button, less spacings to icons * Update spacings in dialog after bew button styling * Use secondary button in embed dialog * Update select inputs Spacing, icon, border on dropdown, smaller avatars * Update inputs to use the new styling * Various copy updates * Update icons Smaller icons, outline instead of solid, removed some icons that were unnecessary * Switch order of actions in Delete dialog * Update styling of inline New model action * Remove strange BG effect on comments component * Update styling of hide/isolate actions in viewer Was necessary after the button styling change. But new copy also makes it more usable. * Fix alignment issue in selection info panel * Align styling in Viewer panel component * Clean up measure usage tips A permanent "Right click to cancel measurement" tip isn't needed * Panel spacing * Update actions in the add model to viewer dialog * Update permissions input in new project dialog * Two minor things * Remove unnecessary flex classes --------- Co-authored-by: andrewwallacespeckle <andrew@speckle.systems>
34 lines
744 B
Vue
34 lines
744 B
Vue
<template>
|
|
<div class="text-foreground hover:text-primary-focus transition last:truncate">
|
|
<NuxtLink
|
|
:to="to"
|
|
class="flex gap-1 items-center text-sm ml-0.5"
|
|
active-class="text-primary font-semibold 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>
|