39 lines
768 B
Vue
39 lines
768 B
Vue
<template>
|
|
<VMenu
|
|
:distance="16"
|
|
:triggers="['hover']"
|
|
class="popover"
|
|
:class="{ inline, clickable: actor && actor.type === ActorType.GROUP }"
|
|
>
|
|
<slot></slot>
|
|
<template #popper>
|
|
<actor-card :full="true" :actor="actor" :popover="true" />
|
|
</template>
|
|
</VMenu>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { ActorType } from "@/types/enums";
|
|
import { IActor } from "../../types/actor";
|
|
import ActorCard from "./ActorCard.vue";
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
actor: IActor;
|
|
inline?: boolean;
|
|
}>(),
|
|
{
|
|
inline: false,
|
|
}
|
|
);
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.v-popper__inner {
|
|
padding: 0 !important;
|
|
background-color: transparent !important;
|
|
}
|
|
.v-popper__arrow-outer {
|
|
border-color: $violet-1 !important;
|
|
}
|
|
</style>
|