mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-19 00:22:15 +00:00
38 lines
957 B
Vue
38 lines
957 B
Vue
<template>
|
|
<div
|
|
class="sticky top-0 z-[19] block flex w-full items-center justify-between bg-white py-5 px-4 text-center dark:bg-dark-background lg:hidden"
|
|
>
|
|
<NavigationBar />
|
|
|
|
<div class="relative flex items-center">
|
|
|
|
<!--More Actions-->
|
|
<div class="flex items-center relative mr-[4px]">
|
|
|
|
<div @click="showMobileNavigation" class="cursor-pointer p-1.5 -m-1.5">
|
|
<menu-icon size="17" class="vue-feather dark:text-gray-100" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { MenuIcon } from 'vue-feather-icons'
|
|
import NavigationBar from './NavigationBar'
|
|
|
|
export default {
|
|
name: 'MobileToolBar',
|
|
components: {
|
|
NavigationBar,
|
|
MenuIcon,
|
|
},
|
|
methods: {
|
|
showMobileNavigation() {
|
|
this.$showMobileMenu('user-navigation')
|
|
this.$store.commit('DISABLE_MULTISELECT_MODE')
|
|
},
|
|
},
|
|
}
|
|
</script>
|