From a7951fdb145e8a13950b5c863666932816eb00b1 Mon Sep 17 00:00:00 2001
From: azuki774s <azuki774s@gmail.com>
Date: Thu, 15 Aug 2024 23:27:12 +0900
Subject: [PATCH] index uses bootstrap

---
 pages/index.vue | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 339fcdc..13f80d8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,12 +1,28 @@
 <template>
-  <h1>mawinter-front</h1>
+  <b-h level="1">mawinter-front</b-h>
   <section>
-    <h2>登録</h2>
-    <PostRecord />
+    <b-p text-alignment="center">
+      <b-h level="2">登録</b-h>
+      <PostRecord />
+    </b-p>
 
-    <NuxtLink to='/summary'>サマリー表示</NuxtLink>
+    <b-p text-alignment="center">
+      <div class="summary_link">
+        <NuxtLink to='/summary'>サマリー表示</NuxtLink>
+      </div>
+    </b-p>
 
-    <h2>直近履歴</h2>
-    <History />
+    <b-p text-alignment="center">
+      <b-h level="2">直近履歴</b-h>
+      <History />
+    </b-p>
   </section>
 </template>
+
+<style lang="css">
+.summary_link {
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+}
+</style>