From 4d78d7edb3d4fbc94ffb0bd9ee287aa1023fd1e6 Mon Sep 17 00:00:00 2001
From: Aldino Kemal <aldinokemal2104@gmail.com>
Date: Sat, 3 Dec 2022 20:30:42 +0700
Subject: [PATCH] feat: update UI

---
 src/views/index.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/index.html b/src/views/index.html
index 6689029..b437a5b 100644
--- a/src/views/index.html
+++ b/src/views/index.html
@@ -29,7 +29,7 @@
 
     <div class="ui success message" v-if="connected_devices != null">
         <div class="header">
-            Device is connected
+            Device has connected
         </div>
         <p>
             Device ID: <b>[[ connected_devices[0].device ]]</b>
@@ -224,8 +224,8 @@
                 </div>
                 <div class="field">
                     <label>Message</label>
-                    <input v-model="message_text" type="text" placeholder="Hello this is message text"
-                           aria-label="message">
+                    <textarea v-model="message_text" type="text" placeholder="Hello this is message text"
+                              aria-label="message"></textarea>
                 </div>
             </form>
         </div>
@@ -261,8 +261,8 @@
                 </div>
                 <div class="field">
                     <label>Caption</label>
-                    <input v-model="image_caption" type="text" placeholder="Hello this is image caption"
-                           aria-label="caption">
+                    <textarea v-model="image_caption" type="text" placeholder="Hello this is image caption"
+                              aria-label="caption"></textarea>
                 </div>
                 <div class="field">
                     <label>View Once</label>
@@ -321,8 +321,8 @@
                 </div>
                 <div class="field">
                     <label>Caption</label>
-                    <input v-model="file_caption" type="text" placeholder="Type some caption (optional)..."
-                           aria-label="caption">
+                    <textarea v-model="file_caption" type="text" placeholder="Type some caption (optional)..."
+                           aria-label="caption"></textarea>
                 </div>
                 <div class="field" style="padding-bottom: 30px">
                     <label>File</label>
@@ -362,12 +362,12 @@
                     <label>Phone / Group ID</label>
                     <input v-model="video_phone" type="text" placeholder="6289..."
                            aria-label="phone">
+                    <input :value="video_phone_id" disabled aria-label="whatsapp_id">
                 </div>
                 <div class="field">
                     <label>Caption</label>
-                    <input v-model="video_caption" type="text" placeholder="Type some caption (optional)..."
-                           aria-label="caption">
-                    <input :value="video_phone_id" disabled aria-label="whatsapp_id">
+                    <textarea v-model="video_caption" type="text" placeholder="Type some caption (optional)..."
+                              aria-label="caption"></textarea>
                 </div>
                 <div class="field">
                     <label>View Once</label>