mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-04-10 23:15:34 -04:00
chore: Nuxt 4 upgrade (#7426)
This commit is contained in:
45
frontend/app/components/global/HelpIcon.vue
Normal file
45
frontend/app/components/global/HelpIcon.vue
Normal file
@@ -0,0 +1,45 @@
|
||||
<template>
|
||||
<div class="text-center">
|
||||
<v-menu
|
||||
top
|
||||
offset-y
|
||||
:right="right"
|
||||
:left="!right"
|
||||
open-on-hover
|
||||
>
|
||||
<template #activator="{ props }">
|
||||
<v-btn
|
||||
:size="small ? 'small' : undefined"
|
||||
icon
|
||||
v-bind="props"
|
||||
variant="flat"
|
||||
@click.stop
|
||||
>
|
||||
<v-icon :small="small">
|
||||
{{ $globals.icons.help }}
|
||||
</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
<v-card max-width="300px">
|
||||
<v-card-text>
|
||||
<slot />
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-menu>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineProps({
|
||||
small: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
right: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
Reference in New Issue
Block a user