mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-02-23 18:37:23 -08:00
10784b6e24
* add direction prop for icon position * add support for require_all properties on cookbook * update type annotations * add and - or filter support * update cookbook API * generate types * implement editor for additional options * update version number
36 lines
777 B
Vue
36 lines
777 B
Vue
<template>
|
|
<div class="text-center">
|
|
<v-menu top offset-y :right="right" :left="!right" open-on-hover>
|
|
<template #activator="{ on, attrs }">
|
|
<v-btn :small="small" icon v-bind="attrs" v-on="on" @click.stop>
|
|
<v-icon :small="small"> {{ $globals.icons.help }} </v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-card max-width="300px">
|
|
<v-card-text>
|
|
<slot></slot>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from "@nuxtjs/composition-api";
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
small: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
right: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped></style>
|