表示を少しだけ修正

diff --git a/src/components/todoApp.vue b/src/components/todoApp.vue
index 99c760e..46f9ef0 100644 (file)
--- a/src/components/todoApp.vue
+++ b/src/components/todoApp.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-gray-50">
     <div class="max-w-xl mx-auto py-1 divide-y md:max-w-4xl">
-      <div class="py-5">
+      <div class="py-10 px-5 rounded-md shadow-lg">
         <div>Todo タイトル</div>
         <input type="text" 
               list="todo_header" 
@@ -31,7 +31,7 @@
         </button>
         
       </div>
-      <div class="py-5">
+      <div class="py-10 px-5 rounded-md shadow-lg">
         <div>Todo リスト</div>
         <div v-if="loading()">Loading...</div>
         <div v-else class="py-1" v-for="list in todo_list" :key="list.id">