rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replaced navigation with a single universal tab bar

Browse source
This commit is contained in:
Joel Collins 2020-03-16 13:46:14 +00:00
parent be4362ff21
commit 3679a0f9cd
18 changed files with 286 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/App.vue
View file

@ -1,28 +1,22 @@
<template>
<div id="app" :class="handleTheme">
<!-- Grid managing whole app -->
<div
uk-grid
class="uk-height-1-1 uk-margin-remove uk-padding-remove"
margin="0"
>
<panelLeft />
<panelRight />
</div>
<div
id="app"
class="uk-height-1-1 uk-margin-remove uk-padding-remove"
:class="handleTheme"
>
<panelLeft />
</div>
</template>
<script>
// Import components
import panelLeft from "./components/panelLeft.vue";
import panelRight from "./components/panelRight.vue";
// Export main app
export default {
name: "App",
components: {
panelRight,
panelLeft
},
@ -131,4 +125,23 @@ html {
pointer-events: none;
opacity: 0.4;
}
.control-component {
overflow-y: auto;
overflow-x: hidden;
width: 300px;
height: 100%;
padding: 0;
background-color: rgba(180, 180, 180, 0.055);
border-width: 0 1px 0 0;
border-style: solid;
border-color: rgba(180, 180, 180, 0.25);
}
.view-component {
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding: 0;
}
</style>