Team2890/PhotonVision
4
0
Fork 0
mirror of https://github.com/PhotonVision/photonvision synced 2026-07-05 03:21:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix image location and added lazyload

Browse Source
This commit is contained in:
ori agranat
2019-10-02 23:37:35 +03:00
parent e6998cc1dd
commit 645e3ed360
4 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
New client/chameleon-client/src/views/Camera.vue
View File

@@ -62,7 +62,9 @@
<v-tab>Normal</v-tab>
<v-tab>Threshold</v-tab>
</v-tabs>
<img class="videoClass" :src="steamAdress">
<div class="videoClass">
<img :src="steamAdress">
</div>
<h5 id="Point">{{point}}</h5>
</div>
</v-col>
@@ -175,9 +177,12 @@ import CVicon from '../components/cv-icon'
}
.videoClass{
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.videoClass img{
height: auto !important;
width: 75%;
vertical-align: middle;
}
#Point{
padding-top: 5px;

20
New client/chameleon-client/src/views/Settings.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<v-row>
<v-row align="center">
<v-col cols="6" class="colsClass">
<v-tabs fixed-tabs background-color="#212121" dark height="50" slider-color="#4baf62" v-model="selectedTab">
<v-tab to="">General</v-tab>
@@ -10,8 +10,10 @@
<component :is="selectedComponent"></component>
</div>
</v-col>
<v-col v-if="selectedTab === 1" class="colsClass">
<img class="videoClass" :src="steamAdress">
<v-col v-show="selectedTab === 1" class="colsClass">
<div class="videoClass">
<img :src="steamAdress">
</div>
</v-col>
</v-row>
</div>
@@ -20,11 +22,12 @@
<script>
import General from './SettingsViewes/General'
import Cameras from './SettingsViewes/Cameras'
export default {
name: 'SettingsTab',
components:{
General,
Cameras
Cameras,
},
data() {
return {
@@ -51,9 +54,12 @@ import Cameras from './SettingsViewes/Cameras'
<style scoped>
.videoClass{
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.videoClass img{
height: auto !important;
width: 75%;
vertical-align: middle;
}
.colsClass{
padding: 0 !important;