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

Added tabs to display panel, and general layout improvements

Browse source
This commit is contained in:
Joel Collins 2019-02-08 13:04:56 +00:00
parent 473fff799d
commit 9ccb9cf0c9
4 changed files with 41 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/panelDisplay.vue
View file

@ -1,6 +1,12 @@
<template>
<div id="panelDisplay">
<streamDisplay/>
<div id="panelDisplay" class="uk-flex uk-flex-column uk-margin-remove uk-padding-remove uk-height-1-1">
<ul class="uk-flex-none uk-flex-center uk-margin-remove-bottom" uk-tab>
<li><a href="#" uk-switcher-item="preview" uk-icon="play-circle" uk-tooltip="Live"></a></li>
<li><a href="#" uk-switcher-item="gallery" uk-icon="image" uk-tooltip="Captures"></a></li>
</ul>
<ul class="uk-switcher uk-flex uk-flex-1">
<li class="uk-height-1-1 uk-width-1-1 "><streamDisplay/></li>
</ul>
</div>
</template>
@ -19,9 +25,5 @@ export default {
}
</script>
<style lang="less">
#panelDisplay {
width: 100%;
height: 100%;
}
<style scoped lang="less">
</style>