1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-23 23:29:41 +02:00

feat: add peak toggle for seeing original ingredient txt (#1111)

* add peak toggle for seeing original ingredient txt

* add recent changes + format

* cleanup search view

* space out results
This commit is contained in:
Hayden 2022-03-29 09:38:23 -08:00 committed by GitHub
parent 1a23f867da
commit 1092e0ce7c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 91 additions and 50 deletions

View file

@ -3,7 +3,7 @@
<template v-for="btn in buttons">
<v-menu v-if="btn.children" :key="'menu-' + btn.event" active-class="pa-0" offset-x left>
<template #activator="{ on, attrs }">
<v-btn tile large icon v-bind="attrs" v-on="on">
<v-btn tile :large="large" icon v-bind="attrs" v-on="on">
<v-icon>
{{ btn.icon }}
</v-icon>
@ -25,7 +25,7 @@
content-class="text-caption"
>
<template #activator="{ on, attrs }">
<v-btn tile large icon v-bind="attrs" @click="$emit(btn.event)" v-on="on">
<v-btn tile :large="large" icon v-bind="attrs" @click="$emit(btn.event)" v-on="on">
<v-icon> {{ btn.icon }} </v-icon>
</v-btn>
</template>
@ -39,7 +39,7 @@
import { defineComponent } from "@nuxtjs/composition-api";
export interface ButtonOption {
icon: string;
icon?: string;
text: string;
event: string;
children?: ButtonOption[];
@ -51,6 +51,10 @@ export default defineComponent({
type: Array as () => ButtonOption[],
required: true,
},
large: {
type: Boolean,
default: true,
},
},
});
</script>