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>
64 lines
1.8 KiB
Vue
64 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<nav class="fixed z-20 top-0 h-14 bg-foundation shadow">
|
|
<div
|
|
class="flex gap-4 items-center justify-between h-full w-screen py-4 pl-3 pr-4"
|
|
>
|
|
<div class="flex items-center truncate">
|
|
<HeaderLogoBlock :active="false" to="/" />
|
|
<HeaderNavLink
|
|
to="/"
|
|
name="Dashboard"
|
|
:separator="true"
|
|
class="hidden md:inline-block"
|
|
/>
|
|
<ClientOnly>
|
|
<PortalTarget name="navigation"></PortalTarget>
|
|
</ClientOnly>
|
|
</div>
|
|
<div class="flex items-center gap-2.5 sm:gap-2">
|
|
<ClientOnly>
|
|
<PortalTarget name="secondary-actions"></PortalTarget>
|
|
<PortalTarget name="primary-actions"></PortalTarget>
|
|
</ClientOnly>
|
|
<!-- Notifications dropdown -->
|
|
<HeaderNavNotifications />
|
|
<FormButton
|
|
v-if="!activeUser"
|
|
:to="loginUrl.fullPath"
|
|
color="invert"
|
|
class="hidden md:flex"
|
|
size="sm"
|
|
>
|
|
Sign In
|
|
</FormButton>
|
|
<!-- Profile dropdown -->
|
|
<HeaderNavUserMenu :login-url="loginUrl" />
|
|
</div>
|
|
</div>
|
|
<PopupsSignIn v-if="!activeUser" />
|
|
</nav>
|
|
<div class="h-16"></div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { useActiveUser } from '~~/lib/auth/composables/activeUser'
|
|
import { loginRoute } from '~~/lib/common/helpers/route'
|
|
import type { Optional } from '@speckle/shared'
|
|
|
|
const { activeUser } = useActiveUser()
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
|
|
const token = computed(() => route.query.token as Optional<string>)
|
|
|
|
const loginUrl = computed(() =>
|
|
router.resolve({
|
|
path: loginRoute,
|
|
query: {
|
|
token: token.value || undefined
|
|
}
|
|
})
|
|
)
|
|
</script>
|