fix: Fixed jumping problem, use router-link tag instead of a tag

ZacharyBear · Jan 26, 2023 · 75e797b · 75e797b
1 parent d81330a
commit 75e797b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/assets/style/common.less b/src/assets/style/common.less
@@ -9,8 +9,9 @@
         outline: 2px solid @primary-color;
     }
 }
+html,
 body {
-    min-height: 100vh;
+    min-height: 100%;
 }
 li {
     list-style: none;

diff --git a/src/views/Welcome.vue b/src/views/Welcome.vue
@@ -11,7 +11,7 @@
                     {{ $t('welcome.desc') }}
                 </span>
                 <div class="panel">
-                    <a href="/home">{{ $t("welcome.start") }}</a>
+                    <router-link to="/home">{{ $t("welcome.start") }}</router-link>
                 </div>
             </div>
         </main>

diff --git a/src/views/global/GlHeader.vue b/src/views/global/GlHeader.vue
@@ -1,16 +1,16 @@
 <template>
     <!-- Global header -->
     <header>
-        <a href="/" tabindex="1">
+        <router-link to="/" tabindex="1">
             <img src="/logo.png" alt="Logo" id="logo">
-        </a>
+        </router-link>
         <nav>
             <router-link to="/home"
                 class="gl-menu"
                 tabindex="2">{{$t('nav.start')}}</router-link>
-            <a href="/about"
+            <router-link to="/about"
                 class="gl-menu"
-                tabindex="3">{{$t('nav.about')}}</a>
+                tabindex="3">{{$t('nav.about')}}</router-link>
             <!-- this might be an single component future -->
             <span class="gl-sub-menu"
                 tabindex="4">