ルーター箇所をセンターにレイアウト

diff --git a/src/App.vue b/src/App.vue
index 80dadce..9371ac6 100644 (file)
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,8 @@
 <template>
   <div id="app">
-    <div id="nav">
-      <router-link to="/">ルーター1</router-link> |
-      <router-link to="/about">ルーター2</router-link>
+    <div id="nav" class="text-center items-center justify-center">
+      <router-link to="/" class="hover:bg-indigo-200">GraphQl(Hasura)版</router-link> |
+      <router-link to="/about" class="hover:bg-indigo-200">JavaApi版</router-link>
     </div>
     <router-view/>
   </div>