add card styling to editor

This commit is contained in:
hay-kot 2021-05-01 21:38:10 -08:00
commit 38d704a5bc

View file

@ -27,23 +27,36 @@
<v-row> <v-row>
<v-col cols="12" sm="12" md="4" lg="4"> <v-col cols="12" sm="12" md="4" lg="4">
<Ingredients :edit="true" v-model="value.recipeIngredient" /> <Ingredients :edit="true" v-model="value.recipeIngredient" />
<v-card class="mt-6">
<v-card-title class="py-2">
{{ $t("recipe.categories") }}
</v-card-title>
<v-divider class="mx-2"></v-divider>
<v-card-text>
<CategoryTagSelector
:return-object="false"
v-model="value.recipeCategory"
:show-add="true"
:show-label="false"
/>
</v-card-text>
</v-card>
<h2 class="mt-6">{{ $t("recipe.categories") }}</h2> <v-card class="mt-2">
<CategoryTagSelector <v-card-title class="py-2">
:return-object="false" {{ $t("tag.tags") }}
v-model="value.recipeCategory" </v-card-title>
:show-add="true" <v-divider class="mx-2"></v-divider>
:show-label="false" <v-card-text>
/> <CategoryTagSelector
:return-object="false"
<h2 class="mt-4">{{ $t("tag.tags") }}</h2> v-model="value.tags"
<CategoryTagSelector :show-add="true"
:return-object="false" :tag-selector="true"
v-model="value.tags" :show-label="false"
:show-add="true" />
:tag-selector="true" </v-card-text>
:show-label="false" </v-card>
/>
<Nutrition v-model="value.nutrition" :edit="true" /> <Nutrition v-model="value.nutrition" :edit="true" />
<Assets v-model="value.assets" :edit="true" :slug="value.slug" /> <Assets v-model="value.assets" :edit="true" :slug="value.slug" />
<ExtrasEditor :extras="value.extras" @save="saveExtras" /> <ExtrasEditor :extras="value.extras" @save="saveExtras" />