Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 15:49:42 +02:00
Code Issues Releases Activity

fix: remove edit scale icon when not scalable (#4849)

Browse source
This commit is contained in:
Kuchenpirat 2025-01-07 18:26:36 +01:00 • committed by GitHub
parent d3c6106566
commit 688d07a5c8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
View file

@ -4,11 +4,18 @@
<div> <div>
<v-menu v-model="menu" :disabled="!canEditScale" offset-y top nudge-top="6" :close-on-content-click="false"> <v-menu v-model="menu" :disabled="!canEditScale" offset-y top nudge-top="6" :close-on-content-click="false">
<template #activator="{ on, attrs }"> <template #activator="{ on, attrs }">
<v-card class="pa-1 px-2" dark color="secondary darken-1" small v-bind="attrs" v-on="on"> <v-card
<v-icon small class="mr-2">{{ $globals.icons.edit }}</v-icon> class="pa-1 px-2"
dark
color="secondary darken-1"
small
v-bind="attrs"
:style="{ cursor: canEditScale ? '' : 'default' }"
v-on="on"
>
<v-icon v-if="canEditScale" small class="mr-2">{{ $globals.icons.edit }}</v-icon>
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<span v-html="yieldDisplay"></span> <span v-html="yieldDisplay"></span>
</v-card> </v-card>
</template> </template>
<v-card min-width="300px"> <v-card min-width="300px">