bert.hausmans
1c6aed71fe
v-tooltip renders a forced-dark background unsuitable for multi-line help content. Switch to v-menu + v-card which follows the app theme. Use surface-variant background for the "Tip:" block. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
31 lines
561 B
Vue
31 lines
561 B
Vue
<template>
|
|
<VMenu
|
|
:close-on-content-click="false"
|
|
location="bottom start"
|
|
max-width="340"
|
|
offset="8"
|
|
>
|
|
<template #activator="{ props: menuProps }">
|
|
<VIcon
|
|
v-bind="menuProps"
|
|
icon="tabler-info-circle"
|
|
size="16"
|
|
color="medium-emphasis"
|
|
class="cursor-pointer"
|
|
/>
|
|
</template>
|
|
|
|
<VCard
|
|
variant="elevated"
|
|
class="pa-3"
|
|
>
|
|
<div
|
|
class="text-body-2"
|
|
style="line-height: 1.6;"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</VCard>
|
|
</VMenu>
|
|
</template>
|