Files
speckle-server/packages/frontend-2/components/viewer/Tip.vue
T
andrewwallacespeckle f831c2d640 [WBX-110] Improvements to Measurement Mode (#2031)
* Added clearMeasurements functionality to the measurements extension

* Add tip & descriptions to measure mode

* Add clearMeasurements

* Clear measurements onMount

* onMount to onBeforeUnmount

* Small alignment fix

* Change from Alex

---------

Co-authored-by: AlexandruPopovici <alexandrupopoviciioan@gmail.com>
2024-02-12 15:07:43 +00:00

21 lines
627 B
Vue

<template>
<div
class="group flex items-center select-none opacity-70 hover:opacity-90 transition"
>
<div
class="relative z-10 h-7 w-7 rounded-full bg-foundation-2 shadow-xl flex items-center justify-center"
>
<LightBulbIcon
class="h-5 w-5 text-foreground opacity-60 shrink-0 group-hover:text-warning group-hover:opacity-80 transition"
/>
</div>
<div class="text-xs bg-foundation-2 rounded-r-md p-[3px] pl-4 pr-2 -ml-3 shadow-xl">
<slot></slot>
</div>
</div>
</template>
<script setup lang="ts">
import { LightBulbIcon } from '@heroicons/vue/24/outline'
</script>