update about page, add version to home

mort3za · Jun 29, 2019 · e90a6f7 · e90a6f7
1 parent fb53bbe
commit e90a6f7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/src/components/Dice.vue b/src/components/Dice.vue
@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { Vue, Component, Prop } from "vue-property-decorator";
-import { Player, GameStatus, BoardStatus } from "../types/types";
+import { GameStatus, BoardStatus } from "@/types/types";
 import { STEP_WIDTH, STEP_GUTTER } from "@/constants.ts";
 import store from "@/store/index.ts";
 

diff --git a/src/views/About.vue b/src/views/About.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-text shadow-sm">
-    <div class="container py-3">
-      <h1 class="h1 font-weight-light">Ludo Game</h1>
+    <div class="container py-4">
+      <h1 class="h1 font-weight-light pb-3 mb-3 border-bottom">Ludo Game</h1>
       <p>
         This is a free and open source software. The source code is available at
         <a href="https://github.com/mort3za/ludo">Github</a>. Please feel free to send pull requests or create an issue.
@@ -11,8 +11,9 @@
         <span class="heart d-inline-block mx-2 h4">♥</span> by
         <a href="https://github.com/mort3za">Morteza Ziyae</a> in Tehran, Iran.
       </p>
-
-      <router-link class="btn btn-primary" to="/">Back</router-link>
+      <p>Contact me on <a target="_blank" rel="me noreferrer noopener" href="https://t.me/mort3za">Telegram</a> or <a rel="me noreferrer noopener" target="_blank" href="https://twitter.com/mort3za">Twitter</a>.</p>
+      <hr />
+      <router-link class="btn btn-lg btn-primary px-4" to="/">Back</router-link>
     </div>
   </div>
 </template>

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="wrapper d-flex justify-content-center align-items-center overflow-auto">
-    <div class="inner w-100 rounded mx-auto d-flex h-75 justify-content-center align-items-center">
+  <div class="wrapper d-flex justify-content-center align-items-center overflow-auto flex-column">
+    <div class="inner w-100 rounded mx-auto d-flex justify-content-center align-items-center">
       <div class="d-flex flex-column justify-content-center align-items-center p-3 w-100">
         <h1 class="h1 title d-flex align-items-center font-weight-light">
           <span>Ludo Game</span></h1>
@@ -11,6 +11,9 @@
         </div>
       </div>
     </div>
+    <footer>
+      <small>version: 1.0.0-alpha.2</small>
+    </footer>
   </div>
 </template>