1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <script setup lang="ts">
| import { Pin, PinOff } from '..\..\..\..\..\base\icons\src';
|
| const expandOnHover = defineModel<boolean>('expandOnHover');
|
| function toggleFixed() {
| expandOnHover.value = !expandOnHover.value;
| }
| </script>
|
| <template>
| <div
| class="absolute right-3 bottom-2 z-10 flex-center cursor-pointer rounded-sm bg-accent p-1.25 text-foreground/60 transition-all duration-300 hover:bg-accent-hover hover:text-foreground"
| @click="toggleFixed"
| >
| <PinOff v-if="!expandOnHover" class="size-3.5" />
| <Pin v-else class="size-3.5" />
| </div>
| </template>
|
|
