Merge pull request #10 from tuandm/bugfix/navbar-on-mobile

Hide lang-select for mobile
tuandm · Feb 26, 2019 · a76bca2 · a76bca2
2 parents 5dbc317 + 8eb6fa9
commit a76bca2
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/resources/js/views/layout/components/Navbar.vue b/resources/js/views/layout/components/Navbar.vue
@@ -3,7 +3,9 @@
     <hamburger :toggle-click="toggleSideBar" :is-active="sidebar.opened" class="hamburger-container"/>
     <breadcrumb />
     <div class="right-menu">
-      <lang-select class="international right-menu-item"/>
+      <template v-if="device!=='mobile'">
+        <lang-select class="international right-menu-item"/>
+      </template>
       <el-dropdown class="avatar-container" trigger="click">
         <div class="avatar-wrapper">
           <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
@@ -39,7 +41,8 @@ export default {
   computed: {
     ...mapGetters([
       'sidebar',
-      'avatar'
+      'avatar',
+      'device'
     ])
   },
   methods: {