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