Add back to top button to hardware status page

- Created global back to top button

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I32022613e1ba62667b46150463c8f407b0b4ff11

1 files changed, 5 insertions, 0 deletions

diff --git a/src/layouts/AppLayout.vue b/src/layouts/AppLayout.vue
index a4f73daf..228b25cd 100644
--- a/src/layouts/AppLayout.vue
+++ b/src/layouts/AppLayout.vue
@@ -4,6 +4,8 @@
     <app-navigation class="app-navigation" />
     <page-container class="app-content">
       <router-view ref="routerView" :key="routerKey" />
+      <!-- Scroll to top button -->
+      <button-back-to-top />
     </page-container>
   </div>
 </template>
@@ -12,12 +14,15 @@
 import AppHeader from '@/components/AppHeader';
 import AppNavigation from '@/components/AppNavigation';
 import PageContainer from '@/components/Global/PageContainer';
+import ButtonBackToTop from '@/components/Global/ButtonBackToTop';
+
 export default {
   name: 'App',
   components: {
     AppHeader,
     AppNavigation,
     PageContainer,
+    ButtonBackToTop,
   },
   data() {
     return {