c3lf/c3lf-system-3
7
0
Fork 0
Code Issues 52 Pull requests Projects 2 Releases Wiki Activity Actions

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