Fixed problem with Menu

Changed navbar to sticky
Centred tooltip in skills icons
Trying to resolve problem with lang browser detection

components/layout/AppMenu.vue

@@ -184,7 +184,8 @@ export default {
 @media only screen and (max-device-width: 640px) {
   .navbar {
     margin: 0;
-    position: relative;
+    position: sticky;
+    top: 0;
     transform: none;
   }
 

components/tabs/Skills.vue

@@ -56,8 +56,8 @@
                    rounded-r-md shadow-sm">
                   {{ item.xp }} {{ item.xp > 1 ? $t('years') : $t('year') }}
                 </span-->
-                <div class='has-tooltip'>
-                  <span class='tooltip px-3 py-1.5 font-semibold text-sm bg-gray-300 dark:bg-slate-600 dark:text-white rounded-md shadow-sm -mt-8'>
+                <div class="has-tooltip flex justify-center">
+                  <span class="tooltip px-3 py-1.5 font-semibold text-sm bg-gray-300 dark:bg-slate-600 dark:text-white rounded-md shadow-sm -mt-8">
                     {{item.label}}
                   </span>
                   <img :src="item.icon" :alt="item.label" class="tech-icon px-2 py-1">

layouts/default.vue

@@ -32,10 +32,6 @@ export default {
     if (process.client) {
       // Load dark mode from browser local storage
       this.SET_DARK(localStorage.getItem('dark-theme') === 'true');
-      // Fix problem with Chrome and saturate background
-      if(!!window.chrome) {
-        console.log('Chrome')
-      }
     }
   }
 }

nuxt.config.js

@@ -76,7 +76,8 @@ export default {
     },
     detectBrowserLanguage: {
       useCookie: true,
-      redirectOn: 'root'
+      redirectOn: 'root',
+      alwaysRedirect: true
     }
   },
 

plugins/route-lang.js

@@ -7,7 +7,10 @@ export default ({ app, store }) => {
         to.query.lang = 'en';
       }
       app.i18n.setLocale(to.query.lang);
+    } else {
+      app.i18n.setLocale(app.i18n.locale);
     }
+
     // Detect page
     const value = to.hash.replace('#', '');
     store.commit('SET_PAGE', value);