formatting

This commit is contained in:
Michael Genson 2025-06-16 20:13:26 +00:00
commit 0aa5c35491

View file

@ -1,6 +1,7 @@
<template> <template>
<div> <div>
<v-text-field v-model="recipe.name" <v-text-field
v-model="recipe.name"
class="my-3" class="my-3"
:label="$t('recipe.recipe-name')" :label="$t('recipe.recipe-name')"
:rules="[validators.required]" :rules="[validators.required]"
@ -10,7 +11,8 @@
<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
:model-value="recipeServings"
type="number" type="number"
:min="0" :min="0"
hide-spin-buttons hide-spin-buttons
@ -21,7 +23,8 @@
/> />
</v-col> </v-col>
<v-col cols="3"> <v-col cols="3">
<v-text-field :model-value="recipeYieldQuantity" <v-text-field
:model-value="recipeYieldQuantity"
type="number" type="number"
:min="0" :min="0"
hide-spin-buttons hide-spin-buttons
@ -32,7 +35,8 @@
/> />
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
<v-text-field v-model="recipe.recipeYield" <v-text-field
v-model="recipe.recipeYield"
density="compact" density="compact"
:label="$t('recipe.yield-text')" :label="$t('recipe.yield-text')"
variant="underlined" variant="underlined"
@ -41,26 +45,31 @@
</v-row> </v-row>
</v-container> </v-container>
<div class="d-flex flex-wrap" <div
class="d-flex flex-wrap"
style="gap: 1rem" style="gap: 1rem"
> >
<v-text-field v-model="recipe.totalTime" <v-text-field
v-model="recipe.totalTime"
:label="$t('recipe.total-time')" :label="$t('recipe.total-time')"
density="compact" density="compact"
variant="underlined" variant="underlined"
/> />
<v-text-field v-model="recipe.prepTime" <v-text-field
v-model="recipe.prepTime"
:label="$t('recipe.prep-time')" :label="$t('recipe.prep-time')"
density="compact" density="compact"
variant="underlined" variant="underlined"
/> />
<v-text-field v-model="recipe.performTime" <v-text-field
v-model="recipe.performTime"
:label="$t('recipe.perform-time')" :label="$t('recipe.perform-time')"
density="compact" density="compact"
variant="underlined" variant="underlined"
/> />
</div> </div>
<v-textarea v-model="recipe.description" <v-textarea
v-model="recipe.description"
auto-grow auto-grow
min-height="100" min-height="100"
:label="$t('recipe.description')" :label="$t('recipe.description')"