Go to top

src/client/app/desktop/views/components/ui.header.nav.vue

@@ -2,13 +2,13 @@
 <div class="nav">
 	<ul>
 		<template v-if="$store.getters.isSignedIn">
-			<li class="home" :class="{ active: $route.name == 'index' }">
+			<li class="home" :class="{ active: $route.name == 'index' }" @click="goToTop">
 				<router-link to="/">
 					%fa:home%
 					<p>%i18n:@home%</p>
 				</router-link>
 			</li>
-			<li class="deck" :class="{ active: $route.name == 'deck' }">
+			<li class="deck" :class="{ active: $route.name == 'deck' }" @click="goToTop">
 				<router-link to="/deck">
 					%fa:columns%
 					<p>%i18n:@deck% <small>(beta)</small></p>
@@ -82,6 +82,14 @@ export default Vue.extend({
 
 		game() {
 			(this as any).os.new(MkGameWindow);
+		},
+
+		goToTop(e: HTMLElement) {
+			if (e.classList.contains('active'))
+				window.scrollTo({
+					top: 0,
+					behavior: 'smooth'
+				});
 		}
 	}
 });