Merge pull request #430 from hiroxto/fix-layout

いくつかのHTML構造を変更
hiroxto · Jul 12, 2021 · c798944 · c798944
2 parents 0a034c0 + 4b40e03
commit c798944
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 10 deletions.
diff --git a/components/pages/train-number-calc/HowToCalc.vue b/components/pages/train-number-calc/HowToCalc.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="how-to-calc mt-5">
     <h3>
       列車種別の求め方
     </h3>

diff --git a/components/pages/train-number-calc/NumberCalc.vue b/components/pages/train-number-calc/NumberCalc.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="number-calc">
     <div class="field">
       <validation-provider
         name="列車番号"

diff --git a/pages/cl-sound/index.vue b/pages/cl-sound/index.vue
@@ -7,11 +7,13 @@
       <h2 class="subtitle" v-text="description">
       </h2>
 
-      <play-sound>
-      </play-sound>
+      <div class="content">
+        <play-sound>
+        </play-sound>
 
-      <specification>
-      </specification>
+        <specification>
+        </specification>
+      </div>
     </div>
   </section>
 </template>

diff --git a/pages/train-number-calc/index.vue b/pages/train-number-calc/index.vue
@@ -7,11 +7,13 @@
       <h2 class="subtitle" v-text="description">
       </h2>
 
-      <number-calc>
-      </number-calc>
+      <div class="content">
+        <number-calc>
+        </number-calc>
 
-      <how-to-calc>
-      </how-to-calc>
+        <how-to-calc>
+        </how-to-calc>
+      </div>
     </div>
   </section>
 </template>