Files
speckle-server/packages/frontend-2/components/header/LogoBlock.vue
T
Benjamin Ottensten fc76fd9f4f Various polishing around the product (#2427)
* 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>
2024-06-25 14:43:50 +02:00

40 lines
769 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-semibold"
: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>