From c7d88076fa32c75f964b26dce80f987d6d154afc Mon Sep 17 00:00:00 2001
From: shibafu <shibafu528@gmail.com>
Date: Wed, 5 Jun 2019 00:36:41 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=A4=E3=83=B3=E3=83=A9=E3=82=A4=E3=83=B3?=
 =?UTF-8?q?=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E3=82=92=E3=82=B9=E3=82=B3?=
 =?UTF-8?q?=E3=83=BC=E3=83=97CSS=E3=81=AB=E8=BF=BD=E3=81=84=E5=87=BA?=
 =?UTF-8?q?=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/TagInput.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/components/TagInput.vue b/resources/assets/js/components/TagInput.vue
index db81d55..e1eb4a9 100644
--- a/resources/assets/js/components/TagInput.vue
+++ b/resources/assets/js/components/TagInput.vue
@@ -2,14 +2,13 @@
     <div class="form-control h-auto" @click="$refs.input.focus()">
         <ul class="list-inline d-inline">
             <li v-for="(tag, i) in tags"
-                class="list-inline-item badge badge-primary"
-                style="cursor: pointer;"
+                class="list-inline-item badge badge-primary tag-item"
                 @click="removeTag(i)"><span class="oi oi-tag"></span> {{ tag }} | x</li>
         </ul>
         <input :id="id"
                ref="input"
                type="text"
-               style="border: 0; outline: 0;"
+               class="tag-input"
                v-model="buffer"
                @keydown="onKeyDown">
     </div>
@@ -75,3 +74,14 @@
         }
     }
 </script>
+
+<style lang="scss" scoped>
+    .tag-item {
+        cursor: pointer;
+    }
+
+    .tag-input {
+        border: 0;
+        outline: 0;
+    }
+</style>
\ No newline at end of file