Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-28 08:44:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: Recipe Instructions, add buttons for move to top or bottom (#3232)

Browse Source 
* Add 'move to top' and 'move to bottom' to recipe steps

* Add divider functionality
This commit is contained in:
boc-the-git
2024-03-04 09:41:29 +11:00
committed by GitHub
parent dcf7afa441
commit e6aadc4902
3 changed files with 33 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/global/BaseButtonGroup.vue
View File

@@ -10,9 +10,12 @@
</v-btn>
</template>
<v-list dense>
<v-list-item v-for="(child, idx) in btn.children" :key="idx" dense @click="$emit(child.event)">
<v-list-item-title>{{ child.text }}</v-list-item-title>
</v-list-item>
<template v-for="(child, idx) in btn.children">
<v-list-item :key="idx" dense @click="$emit(child.event)">
<v-list-item-title>{{ child.text }}</v-list-item-title>
</v-list-item>
<v-divider v-if="child.divider" :key="`divider-${idx}`" class="my-1"></v-divider>
</template>
</v-list>
</v-menu>
<v-tooltip
@@ -55,6 +58,7 @@ export interface ButtonOption {
event: string;
children?: ButtonOption[];
disabled?: boolean;
divider?: boolean;
}
export default defineComponent({