mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
38 lines
766 B
Vue
38 lines
766 B
Vue
<template>
|
|
<div id="app_vue">
|
|
<div class="draggable-top" />
|
|
<div id="lens-container" />
|
|
<div class="main-view" :class="{ 'menu-visible': isMenuVisible }">
|
|
<main-menu v-if="isMenuVisible" />
|
|
<router-view />
|
|
</div>
|
|
<bottom-bar v-if="isMenuVisible" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import MainMenu from "@/_vue/components/MainMenu/MainMenu";
|
|
import BottomBar from "@/_vue/components/BottomBar/BottomBar";
|
|
export default {
|
|
name: 'Lens',
|
|
components: {
|
|
BottomBar,
|
|
MainMenu
|
|
},
|
|
computed:{
|
|
isMenuVisible: function(){ return this.$store.getters.isMenuVisible }
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
#lens-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 70px;
|
|
right: 0;
|
|
height: 100%;
|
|
z-index: 100;
|
|
display: none;
|
|
}
|
|
</style>
|