todo front in work

resources/js/components/InputField.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="relative mt-1">
+    <div class="relative mt-1" :classes="classes">
         <label :for="name" class="pb-1">{{ label }}</label>
         <input :id="name" :type="type" :placeholder="placeholder" v-model="value" @input="updateField()" :class="errorClassObject()">
         <p class="text-alert m-0" v-text="errorMessage()">Error Here</p>
@@ -27,6 +27,7 @@
             },
             errors: Object,
             data: String,
+            classes: String,
         },
         data: function () {
             return {

resources/js/components/Nav.vue

@@ -9,7 +9,7 @@
             <span v-bind:class="{ navhidden: !toggleNav }">Memos</span>
         </router-link>
         <router-link to="/to-do-lists" class="nav-item">
-            <svg-vue icon="memos" />
+            <svg-vue icon="list" />
             <span v-bind:class="{ navhidden: !toggleNav }">To Do Lists</span>
         </router-link>
         <router-link to="/jeux" class="nav-item">