github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 06:23:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 17

style: fix style of recipe actions to be compliant with design schema

Browse source 
- always show the actions
- align text properly
- add icons to actions
This commit is contained in:
Felix Schneider 2025-07-16 21:48:20 +02:00
commit 9e91d14a91
1 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/components/Domain/Recipe/RecipeContextMenu.vue
View file

@ -125,25 +125,25 @@
</v-list-item>
<div v-if="useItems.recipeActions && recipeActions && recipeActions.length">
<v-divider />
<v-list-group @click.stop>
<template #activator="{ props }">
<v-list-item-title v-bind="props">
<v-list-item disabled>
<v-list-item-title>
{{ $t("recipe.recipe-actions") }}
</v-list-item-title>
</template>
<v-list density="compact" class="ma-0 pa-0">
</v-list-item>
<v-list-item
v-for="(action, index) in recipeActions"
:key="index"
class="pl-6"
@click="executeRecipeAction(action)"
>
<template #prepend>
<v-icon color="undefined">
{{ $globals.icons.primary }}
</v-icon>
</template>
<v-list-item-title>
{{ action.title }}
</v-list-item-title>
</v-list-item>
</v-list>
</v-list-group>
</div>
</v-list>
</v-menu>