mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-07-24 15:49:42 +02:00
style(frontend): 🎨 refactor/rewrite UI for meal-planner (#717)
* add new creation links
* style(frontend): 🎨 refactor/rewrite UI for meal-planner
* add random meal
Co-authored-by: Hayden <hay-kot@pm.me>
This commit is contained in:
parent
bd8882ec44
commit
f9829141c0
4 changed files with 185 additions and 69 deletions
|
@ -11,7 +11,7 @@
|
|||
:bottom-links="isAdmin ? bottomLink : []"
|
||||
@input="sidebar = !sidebar"
|
||||
>
|
||||
<v-menu offset-y nudge-bottom="5" open-on-hover close-delay="30" nudge-right="15">
|
||||
<v-menu offset-y nudge-bottom="5" open-on-hover close-delay="50" nudge-right="15">
|
||||
<template #activator="{ on, attrs }">
|
||||
<v-btn rounded large class="ml-2 mt-3" v-bind="attrs" v-on="on">
|
||||
<v-icon left large color="primary">
|
||||
|
@ -20,7 +20,7 @@
|
|||
{{ $t("general.create") }}
|
||||
</v-btn>
|
||||
</template>
|
||||
<v-list>
|
||||
<v-list dense class="my-0 py-0">
|
||||
<template v-for="(item, index) in createLinks">
|
||||
<v-divider v-if="item.divider" :key="index" class="mx-2"></v-divider>
|
||||
<v-list-item v-else :key="item.title" :to="item.to" exact>
|
||||
|
@ -91,9 +91,7 @@ export default defineComponent({
|
|||
to: "/recipe/create?tab=url",
|
||||
restricted: true,
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
},
|
||||
{ divider: true },
|
||||
{
|
||||
icon: this.$globals.icons.edit,
|
||||
title: "Create",
|
||||
|
@ -101,16 +99,30 @@ export default defineComponent({
|
|||
to: "/recipe/create?tab=new",
|
||||
restricted: true,
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
},
|
||||
{ divider: true },
|
||||
{
|
||||
icon: this.$globals.icons.zip,
|
||||
title: "Restore",
|
||||
title: "Recipe from zip",
|
||||
subtitle: "Restore from a exported recipe",
|
||||
to: "/recipe/create?tab=zip",
|
||||
restricted: true,
|
||||
},
|
||||
{ divider: true },
|
||||
{
|
||||
icon: this.$globals.icons.pages,
|
||||
title: "Cookbook",
|
||||
subtitle: "Create a new cookbook",
|
||||
to: "/user/group/cookbooks",
|
||||
restricted: true,
|
||||
},
|
||||
{ divider: true },
|
||||
{
|
||||
icon: this.$globals.icons.cartCheck,
|
||||
title: "Shopping List",
|
||||
subtitle: "Create a new shopping list",
|
||||
to: "/user/group/shopping-list/create",
|
||||
restricted: true,
|
||||
},
|
||||
],
|
||||
bottomLink: [
|
||||
{
|
||||
|
@ -138,12 +150,6 @@ export default defineComponent({
|
|||
to: "/meal-plan/this-week",
|
||||
restricted: true,
|
||||
},
|
||||
{
|
||||
icon: this.$globals.icons.calendarToday,
|
||||
title: this.$t("meal-plan.dinner-today"),
|
||||
to: "/meal-plan/today",
|
||||
restricted: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue