Merge branch 'add-recipe-page' into fix-item-input

frontend/src/components/ItemModel.vue

@@ -48,7 +48,7 @@
                   value=""
                   v-model="newItem"
                   @keyup.enter="addItem"
-                  required
+                  require
               ></v-text-field>
             </v-col>
             <v-col cols="2">
@@ -248,7 +248,7 @@ export default Items
 body{
   margin: 0;
   padding: 0;
-  background-color: #213737;
+  background-color: #006064;
 }
 
 .main {
@@ -259,7 +259,7 @@ body{
   justify-content: center;
   align-items: center;
   font-size: 1.25vh;
-  background-color: #213737;
+  background-color: #006064;
 }
 
 /* navbar-background */
@@ -269,24 +269,16 @@ body{
   left: 0;
   top: 0;
   z-index: 3;
-  background: #213737;
+  background: #006064;
   width: 100vw;
   height: 15vh;
 }
 
 /* input field styling */
 
-//.field-header-box{
-//  z-index: 3;
-//  position: center;
-//  width: 200vw;
-//  height: 5vh;
-//  left: 0;
-//  top: 10vh;
-//  display: grid;
-//  align-content: center;
-//  justify-content: center;
-//}
+.field-header-box{
+  color: white
+}
 
 .inputField-header {
   position: relative;
@@ -309,7 +301,7 @@ body{
   outline: none;
   padding: 0.5vh;// size of font
   box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.4); // 0.5 size of font and 1.5 size of font
-  background: #213737;
+  background: #006064;
 }
 
 .newItemName:hover {