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

27
src/components/paneDisplayComponents/streamDisplay.vue
View file

@ -1,7 +1,10 @@
<template>
<div class="streamDisplay">
<div class="streamContainer" v-if="$store.state.connected">
<img v-bind:src="streamImgUri" alt="Stream">
<img v-if="$store.state.connected" v-bind:src="streamImgUri" alt="Stream">
<div v-else-if="$store.state.waiting" class="uk-position-center">
<div uk-spinner="ratio: 4.5" ></div>
</div>
</div>
</template>
@ -9,7 +12,7 @@
<script>
// Export main app
export default {
name: 'streanmDisplay',
name: 'streamDisplay',
computed: {
// a computed getter
@ -23,14 +26,14 @@ export default {
</script>
<style scoped lang="less">
.streamContainer img {
width: 100%;
height: 100%;
object-fit: contain
}
.streamDisplay img {
width: 100%;
height: 100%;
object-fit: contain
}
.streamContainer, .streamDisplay {
width: 100%;
height: 100%;
}
.streamDisplay {
width: 100%;
height: 100%;
}
</style>