From 5c76e758b972d23612d88cc55688ed7d1b957338 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Wed, 31 Mar 2021 18:19:41 -0800
Subject: [PATCH] change ingredients to text area

---
 frontend/src/components/Recipe/RecipeEditor/index.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Recipe/RecipeEditor/index.vue b/frontend/src/components/Recipe/RecipeEditor/index.vue
index 7b0d28faa..6917ad2c1 100644
--- a/frontend/src/components/Recipe/RecipeEditor/index.vue
+++ b/frontend/src/components/Recipe/RecipeEditor/index.vue
@@ -83,14 +83,16 @@
                 :key="generateKey('ingredient', index)"
               >
                 <v-row align="center">
-                  <v-text-field
+                  <v-textarea
                     class="mr-2"
                     :label="$t('recipe.ingredient')"
                     v-model="value.recipeIngredient[index]"
                     append-outer-icon="mdi-menu"
                     mdi-move-resize
+                    auto-grow
                     solo
                     dense
+                    rows="2"
                   >
                     <v-icon
                       class="mr-n1"
@@ -100,7 +102,7 @@
                     >
                       mdi-delete
                     </v-icon>
-                  </v-text-field>
+                  </v-textarea>
                 </v-row>
               </div>
             </transition-group>
@@ -235,6 +237,7 @@
                     dense
                     v-model="value.recipeInstructions[index]['text']"
                     :key="generateKey('instructions', index)"
+                    rows="4"
                   >
                   </v-textarea>
                 </v-card-text>