テキストをマテリアルチックに。

[ngware/todo_client.git] / src / components / todo.vue

diff --git a/src/components/todo.vue b/src/components/todo.vue
index 48a10c5..be84df4 100644 (file)
--- a/src/components/todo.vue
+++ b/src/components/todo.vue
@@ -10,7 +10,7 @@
     
     
       <label class="inline-block align-middle w-10/12" :for="data.id">
-        <input class="bg-transparent border-b block border-gray-500 mb-2 text-gray-900 pb-1 w-full"
+        <input class="bg-transparent border-b block border-gray-500 mb-2 text-gray-900 focus:outline-none focus:border-indigo-500 pb-1 w-full"
               placeholder="やること/やりたいこと" 
               v-model="data.name"
               @change="onTextChange(data)"/>