github/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-03-12 04:35:35 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove edit scale icon when not scalable ()

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

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

@ -4,11 +4,18 @@
<div>
<v-menu v-model="menu" :disabled="!canEditScale" offset-y top nudge-top="6" :close-on-content-click="false">
<template #activator="{ on, attrs }">
<v-card class="pa-1 px-2" dark color="secondary darken-1" small v-bind="attrs" v-on="on">
<v-icon small class="mr-2">{{ $globals.icons.edit }}</v-icon>
<v-card
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 -->
<span v-html="yieldDisplay"></span>
</v-card>
</template>
<v-card min-width="300px">