mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-19 16:32:15 +00:00
responsive version enhancements
This commit is contained in:
@@ -2,17 +2,17 @@
|
||||
<div class="flex text-center py-5 px-4 w-full justify-between items-center z-20 lg:hidden block">
|
||||
|
||||
<!-- Go back-->
|
||||
<div @click="$router.back()" class="go-back-button flex text-left items-center">
|
||||
<div @click="$router.back()" class="go-back-button flex text-left items-center cursor-pointer">
|
||||
<chevron-left-icon size="17" class="transform align-middle mr-2 -ml-1" />
|
||||
|
||||
<!--Folder Title-->
|
||||
<div class="text-sm align-middle font-bold overflow-hidden overflow-ellipsis inline-block whitespace-nowrap transition-all duration-200" style="max-width: 200px;">
|
||||
{{ $t('Profile') }}
|
||||
{{ locationName }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--More Actions-->
|
||||
<div @click="$showMobileMenu('user-navigation')" class="pr-2">
|
||||
<div @click="$showMobileMenu('user-navigation')" class="pr-2 cursor-pointer">
|
||||
<menu-icon size="17" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -25,6 +25,11 @@
|
||||
components: {
|
||||
ChevronLeftIcon,
|
||||
MenuIcon,
|
||||
},
|
||||
computed: {
|
||||
locationName() {
|
||||
return this.$t(this.$route.meta.title)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user