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>
40 lines
767 B
Vue
40 lines
767 B
Vue
<template>
|
|
<Component
|
|
:is="mainComponent"
|
|
class="flex items-center shrink-0"
|
|
:to="to"
|
|
:target="target"
|
|
>
|
|
<img
|
|
class="h-8 w-8 block mr-1"
|
|
src="~~/assets/images/speckle_logo_big.png"
|
|
alt="Speckle"
|
|
/>
|
|
|
|
<div
|
|
v-if="!minimal"
|
|
class="text-sm mt-0 font-medium"
|
|
:class="showTextOnMobile ? '' : 'hidden md:flex'"
|
|
>
|
|
Speckle
|
|
</div>
|
|
</Component>
|
|
</template>
|
|
<script setup lang="ts">
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
minimal?: boolean
|
|
to?: string
|
|
showTextOnMobile?: boolean
|
|
target?: string
|
|
noLink?: boolean
|
|
}>(),
|
|
{
|
|
to: '/'
|
|
}
|
|
)
|
|
|
|
const NuxtLink = resolveComponent('NuxtLink')
|
|
const mainComponent = computed(() => (props.noLink ? 'div' : NuxtLink))
|
|
</script>
|