Merge pull request #109 from VitorCarvalho67/dev

Fix error on header link

Author: VitorCarvalho67

client/src/components/Header.vue

@@ -5,7 +5,7 @@
         </div>
         <nav>
             <ul>
-                <li><router-link to="/home">Rankings</router-link></li>
+                <li><router-link to="/ranking">Rankings</router-link></li>
                 <li @click="toggleSpanView" @mouseenter="toggleSpanView" @mouseleave="toggleSpanView">
                     <a>Entre como</a>
                     <div v-if="spanView" @mouseenter="toggleSpanView" @mouseleave="toggleSpanView">

client/src/scss/pages/shared/_ranking.scss

@@ -4,10 +4,10 @@ main {
     border-bottom: 1px solid #0000008f;
 
     .content {
-        @include flex(row, flex-start, start);
+        @include flex(row, center, start);
         width: calc(100% - 300px);
         min-height: calc(100vh - 80px);
-        padding: 40px 20px;
+        padding: 0px 20px;
         background-color: $primary-color-dark;
 
         @include m-screen(700px) {
@@ -20,7 +20,7 @@ main {
         }
 
         #box1 {
-            padding: 50px 0px 0px 100px;
+            padding: 50px 0px 0px 0px;
             width: 70%;
 
             h1 {

client/src/views/shared/Ranking.vue

@@ -24,10 +24,12 @@
             </section>
         </main>
     </div>
+    <Footer />
 </template>
 
 <script>
-import Header from '../../components/aluno/Header.vue';
+import Header from '../../components/Header.vue';
+import Footer from '../../components/Footer.vue';
 import searchIcon from '../../assets/icons/procurar.png';
 import medalha1 from '../../assets/icons/m1.png';
 import medalha2 from '../../assets/icons/m2.png';
@@ -43,6 +45,7 @@ export default {
     name: 'Ranking',
     components: {
         Header,
+        Footer
     },
     data() {
         return {