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

change style of meal planner categories

Browse source
This commit is contained in:
hay-kot 2021-02-19 18:40:08 -09:00
commit 043bfa02c6
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/components/Settings/MealPlanner/index.vue
View file

@ -10,18 +10,22 @@
<v-row> <v-row>
<v-col sm="12" md="6"> <v-col sm="12" md="6">
<v-select <v-select
outlined
:flat="isFlat"
elavation="0"
v-model="planCategories" v-model="planCategories"
:items="categories" :items="categories"
item-text="name" item-text="name"
item-value="name" item-value="name"
label="Allowed Categories"
multiple multiple
chips chips
hint="Only recipes with these categories will be used in Meal Plans" hint="Only recipes with these categories will be used in Meal Plans"
class="mt-2"
persistent-hint persistent-hint
> >
<template v-slot:selection="data"> <template v-slot:selection="data">
<v-chip <v-chip
outlined
:input-value="data.selected" :input-value="data.selected"
close close
@click:close="removeCategory(data.index)" @click:close="removeCategory(data.index)"
@ -114,6 +118,9 @@ export default {
categories() { categories() {
return this.$store.getters.getCategories; return this.$store.getters.getCategories;
}, },
isFlat() {
return this.planCategories ? true : false;
},
}, },
methods: { methods: {
saveTime(value) { saveTime(value) {