Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2026-04-12 07:55:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

chore: upgrade to vuetify v4 (#7432)

Browse Source
This commit is contained in:
Kuchenpirat
2026-04-10 02:39:05 +02:00
committed by GitHub
parent 6b28bb8eb0
commit 157b8d2937
25 changed files with 169 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/app/components/Domain/Recipe/RecipePage/RecipePage.vue
View File

@@ -21,7 +21,7 @@
@save="saveParsedIngredients"
/>
<v-container v-show="!isCookMode" key="recipe-page" class="px-0" :class="{ 'pa-0': $vuetify.display.smAndDown }">
<v-card :flat="$vuetify.display.smAndDown" class="d-print-none">
<v-card flat class="d-print-none">
<RecipePageHeader
:recipe="recipe"
:recipe-scale="scale"
@@ -68,17 +68,21 @@
<!--
The left column is conditionally rendered based on cook mode.
-->
<v-col v-if="!isCookMode || isEditForm" cols="12" sm="12" md="4" lg="4">
<RecipePageIngredientToolsView v-if="!isEditForm" :recipe="recipe" :scale="scale" />
<RecipePageOrganizers v-if="$vuetify.display.mdAndUp" v-model="recipe" @item-selected="chipClicked" />
<v-col
v-if="!isCookMode || isEditForm"
cols="12"
sm="12"
md="4"
:class="$vuetify.display.mdAndUp ? 'border-e-thin' : null"
>
<RecipePageIngredientToolsView v-if="!isEditForm" :recipe="recipe" :scale="scale" class="pr-2" />
<RecipePageOrganizers v-if="$vuetify.display.mdAndUp" v-model="recipe" class="pr-2" @item-selected="chipClicked" />
</v-col>
<v-divider v-if="$vuetify.display.mdAndUp && !isCookMode" class="my-divider" :vertical="true" />
<!--
the right column is always rendered, but it's layout width is determined by where the left column is
rendered.
-->
<v-col cols="12" sm="12" :md="8 + (isCookMode ? 1 : 0) * 4" :lg="8 + (isCookMode ? 1 : 0) * 4">
<v-col cols="12" sm="12" :md="8 + (isCookMode ? 1 : 0) * 4">
<RecipePageInstructions
v-model="recipe.recipeInstructions"
v-model:assets="recipe.assets"