Feature: Update design for web widget (#408)

2020-01-13 12:10:40 +05:30
parent 655c585358
commit 7cf19e0b52
11 changed files with 184 additions and 77 deletions
--- a/app/javascript/widget/components/ChatInputArea.vue
+++ b/app/javascript/widget/components/ChatInputArea.vue
@@ -1,14 +1,21 @@
 <template>
-  <textarea
-    class="form-input user-message-input"
-    :placeholder="placeholder"
-    :value="value"
-    @input="$emit('input', $event.target.value)"
-  />
+  <resizable-textarea>
+    <textarea
+      class="form-input user-message-input"
+      :placeholder="placeholder"
+      :value="value"
+      @input="$emit('input', $event.target.value)"
+    />
+  </resizable-textarea>
 </template>

 <script>
+import ResizableTextarea from 'widget/components/ResizableTextarea.vue';
+
 export default {
+  components: {
+    ResizableTextarea,
+  },
  props: {
    placeholder: String,
    value: String,
@@ -24,5 +31,6 @@ export default {
  border: 0;
  height: $space-large;
  resize: none;
+  padding-top: $space-small;
 }
 </style>