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 15

formatting

Browse source
This commit is contained in:
Michael Genson 2025-06-16 20:13:26 +00:00
commit 0aa5c35491
1 changed files with 55 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

101
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoEditor.vue
View file

@ -1,71 +1,80 @@
<template> <template>
<div> <div>
<v-text-field v-model="recipe.name" <v-text-field
class="my-3" v-model="recipe.name"
:label="$t('recipe.recipe-name')" class="my-3"
:rules="[validators.required]" :label="$t('recipe.recipe-name')"
density="compact" :rules="[validators.required]"
variant="underlined" density="compact"
variant="underlined"
/> />
<v-container class="ma-0 pa-0"> <v-container class="ma-0 pa-0">
<v-row> <v-row>
<v-col cols="3"> <v-col cols="3">
<v-text-field :model-value="recipeServings" <v-text-field
type="number" :model-value="recipeServings"
:min="0" type="number"
hide-spin-buttons :min="0"
density="compact" hide-spin-buttons
:label="$t('recipe.servings')" density="compact"
variant="underlined" :label="$t('recipe.servings')"
@update:model-value="validateInput($event, 'recipeServings')" variant="underlined"
@update:model-value="validateInput($event, 'recipeServings')"
/> />
</v-col> </v-col>
<v-col cols="3"> <v-col cols="3">
<v-text-field :model-value="recipeYieldQuantity" <v-text-field
type="number" :model-value="recipeYieldQuantity"
:min="0" type="number"
hide-spin-buttons :min="0"
density="compact" hide-spin-buttons
:label="$t('recipe.yield')" density="compact"
variant="underlined" :label="$t('recipe.yield')"
@update:model-value="validateInput($event, 'recipeYieldQuantity')" variant="underlined"
@update:model-value="validateInput($event, 'recipeYieldQuantity')"
/> />
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
<v-text-field v-model="recipe.recipeYield" <v-text-field
density="compact" v-model="recipe.recipeYield"
:label="$t('recipe.yield-text')" density="compact"
variant="underlined" :label="$t('recipe.yield-text')"
variant="underlined"
/> />
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
<div class="d-flex flex-wrap" <div
style="gap: 1rem" class="d-flex flex-wrap"
style="gap: 1rem"
> >
<v-text-field v-model="recipe.totalTime" <v-text-field
:label="$t('recipe.total-time')" v-model="recipe.totalTime"
density="compact" :label="$t('recipe.total-time')"
variant="underlined" density="compact"
variant="underlined"
/> />
<v-text-field v-model="recipe.prepTime" <v-text-field
:label="$t('recipe.prep-time')" v-model="recipe.prepTime"
density="compact" :label="$t('recipe.prep-time')"
variant="underlined" density="compact"
variant="underlined"
/> />
<v-text-field v-model="recipe.performTime" <v-text-field
:label="$t('recipe.perform-time')" v-model="recipe.performTime"
density="compact" :label="$t('recipe.perform-time')"
variant="underlined" density="compact"
variant="underlined"
/> />
</div> </div>
<v-textarea v-model="recipe.description" <v-textarea
auto-grow v-model="recipe.description"
min-height="100" auto-grow
:label="$t('recipe.description')" min-height="100"
density="compact" :label="$t('recipe.description')"
variant="underlined" density="compact"
variant="underlined"
/> />
</div> </div>
</template> </template>