mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-20 00:42:16 +00:00
Mobile main navigation
This commit is contained in:
@@ -1,52 +1,52 @@
|
||||
<template>
|
||||
<div @contextmenu.prevent.capture="contextMenu($event, undefined)" id="files-view">
|
||||
<InvoiceDesktopToolbar/>
|
||||
<InvoiceDesktopToolbar />
|
||||
<InvoiceContextMenu />
|
||||
<InvoiceBrowser/>
|
||||
<InvoiceBrowser />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import InvoiceDesktopToolbar from '@/Oasis/Modules/Invoices/components/InvoiceDesktopToolbar'
|
||||
import InvoiceBrowser from '@/Oasis/Modules/Invoices/components/InvoiceBrowser'
|
||||
import InvoiceBrowser from '@/Oasis/Modules/Invoices/components/InvoiceBrowser'
|
||||
import InvoiceContextMenu from '@/Oasis/Modules/Invoices/components/InvoiceContextMenu'
|
||||
import {events} from '@/bus'
|
||||
import {events} from '@/bus'
|
||||
|
||||
export default {
|
||||
name: 'FilesView',
|
||||
components: {
|
||||
export default {
|
||||
name: 'FilesView',
|
||||
components: {
|
||||
InvoiceDesktopToolbar,
|
||||
InvoiceContextMenu,
|
||||
InvoiceBrowser,
|
||||
},
|
||||
methods: {
|
||||
contextMenu(event, item) {
|
||||
events.$emit('contextMenu:show', event, item)
|
||||
},
|
||||
},
|
||||
}
|
||||
InvoiceContextMenu,
|
||||
InvoiceBrowser,
|
||||
},
|
||||
methods: {
|
||||
contextMenu(event, item) {
|
||||
events.$emit('contextMenu:show', event, item)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
#files-view {
|
||||
font-family: 'Nunito', sans-serif;
|
||||
font-size: 16px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
min-width: 320px;
|
||||
overflow-x: hidden;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
font-family: 'Nunito', sans-serif;
|
||||
font-size: 16px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
min-width: 320px;
|
||||
overflow-x: hidden;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 690px) {
|
||||
#files-view {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 690px) {
|
||||
#files-view {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user