index uses bootstrap

azuki774 · Aug 15, 2024 · 87eea8c · 87eea8c
1 parent e56bd1c
commit 87eea8c
Showing 1 changed file with 22 additions and 6 deletions.
diff --git 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>