nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 00:22:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

added prettier

Browse Source
This commit is contained in:
Čarodej
2022-02-01 12:21:38 +01:00
parent 5ae875233b
commit b38b532cbe
284 changed files with 25410 additions and 25338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
resources/js/views/MobileNavigationToolbar.vue
View File

@@ -1,36 +1,38 @@
<template>
<div class="flex text-center py-5 px-5 w-full justify-between items-center z-20 lg:hidden block">
<div class="z-20 block flex w-full items-center justify-between py-5 px-5 text-center lg:hidden">
<!--Location Title-->
<div
class="inline-block overflow-hidden text-ellipsis whitespace-nowrap align-middle text-sm font-bold transition-all duration-200 dark:text-gray-100"
style="max-width: 200px"
>
{{ locationName }}
</div>
<!--Location Title-->
<div class="text-sm dark:text-gray-100 align-middle font-bold overflow-hidden text-ellipsis inline-block whitespace-nowrap transition-all duration-200" style="max-width: 200px;">
{{ locationName }}
</div>
<!--More Actions-->
<div class="flex items-center">
<div @click="$openSpotlight()" class="px-2 mr-4 cursor-pointer">
<search-icon size="17" class="vue-feather dark:text-gray-100" />
</div>
<div @click="$showMobileMenu('user-navigation')" class="pr-1.5 cursor-pointer">
<menu-icon size="17" class="vue-feather dark:text-gray-100" />
</div>
</div>
</div>
<!--More Actions-->
<div class="flex items-center">
<div @click="$openSpotlight()" class="mr-4 cursor-pointer px-2">
<search-icon size="17" class="vue-feather dark:text-gray-100" />
</div>
<div @click="$showMobileMenu('user-navigation')" class="cursor-pointer pr-1.5">
<menu-icon size="17" class="vue-feather dark:text-gray-100" />
</div>
</div>
</div>
</template>
<script>
import {MenuIcon, ChevronLeftIcon, SearchIcon } from 'vue-feather-icons'
import { MenuIcon, ChevronLeftIcon, SearchIcon } from 'vue-feather-icons'
export default {
name: 'MobileNavigationToolbar',
components: {
ChevronLeftIcon,
SearchIcon,
MenuIcon,
},
computed: {
locationName() {
return this.$t(this.$route.meta.title)
}
}
}
export default {
name: 'MobileNavigationToolbar',
components: {
ChevronLeftIcon,
SearchIcon,
MenuIcon,
},
computed: {
locationName() {
return this.$t(this.$route.meta.title)
},
},
}
</script>