stash

web/src/components/Timeline.vue

@@ -24,7 +24,12 @@
                 <font-awesome-icon icon="comment"/>
             </span>
             <div class="new-comment">
-                <input type="text" placeholder="Add a comment..."/>
+                <div class="input-group">
+                    <input type="text" placeholder="Add a comment..." v-model="newMail">
+                    <button class="btn" @click="sendMail">
+                        Send
+                    </button>
+                </div>
             </div>
         </li>
     </ol>
@@ -45,6 +50,16 @@ export default {
             default: () => []
         }
     },
+    emits: ['sendMail'],
+    data: () => ({
+        newMail: ""
+    }),
+    methods: {
+        sendMail() {
+            this.$emit('sendMail', this.newMail);
+            this.newMail = "";
+        }
+    }
 };
 </script>
 
@@ -105,7 +120,6 @@ img {
         border-radius: 6px;
         height: 48px;
         padding: 0 16px;
-        width: 100%;
 
         &::placeholder {
             color: var(--gray-dark);