j3d1/c3lf-system-3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

shitty fix

Browse source
This commit is contained in:
j3d1 2020-01-01 19:52:01 +01:00
parent 0c0b8a79af
commit ac608117d8
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/inputs/InputPhoto.vue
View file

@ -2,18 +2,18 @@
<div>
<img
v-if="!capturing"
class="img-fluid rounded mx-auto d-block mb-3"
class="img-fluid rounded mx-auto d-block mb-3 img-preview"
:src="dataImage || `https://c3lf.de/api/1/thumbs/${model[field]}`"
alt="Image not available."
/>
<video
v-if="capturing"
ref="video"
class="img-fluid rounded mx-auto d-block mb-3"
class="img-fluid rounded mx-auto d-block mb-3 img-preview"
>
Video stream not available.
</video>
<canvas ref="canvas" class="img-fluid d-none"/>
<canvas ref="canvas" class="img-fluid d-none img-preview"/>
<div class="row" v-if="capturing && !streaming">
<div class="spinner-grow text-danger mx-auto" role="status">
<span class="sr-only">Loading...</span>
@ -114,4 +114,10 @@ export default {
this.closeStream();
}
};
</script>
</script>
<style>
.img-preview{
max-height: 30vh;
}
</style>