1
0
Fork 0
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:
Hayden 2021-10-02 16:11:50 -08:00 committed by GitHub
parent bd8882ec44
commit f9829141c0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 185 additions and 69 deletions

View file

@ -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,
},
],
},
{