update qr reader

This commit is contained in:
Omar Oughriss 2024-10-09 14:00:34 +02:00
parent cbdeb4345a
commit d07f9ce7c3
2 changed files with 13 additions and 2 deletions

View File

@ -267,7 +267,7 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 200px; /* height: 200px; */
} }
.btn { .btn {
@ -369,6 +369,17 @@ body {
} }
/* QR READER */
#qr-reader div {
position: inherit;
}
#qr-reader div img{
top: 15px ;
right: 25px;
margin-top: 5px;
}
/* INPUT CSS **/ /* INPUT CSS **/
.input-container { .input-container {

View File

@ -58,7 +58,7 @@
<div class="card-image camera-card"> <div class="card-image camera-card">
<img id="scanner" src="assets/camera.jpg" alt="QR Code" width="150" height="150"> <img id="scanner" src="assets/camera.jpg" alt="QR Code" width="150" height="150">
<div class="qr-code-scanner"> <div class="qr-code-scanner">
<div id="qr-reader" style="width:200px"></div> <div id="qr-reader" style="width:200px; display: contents;"></div>
<div id="qr-reader-results"></div> <div id="qr-reader-results"></div>
</div> </div>
</div> </div>