|
|
@ -173,21 +173,21 @@ |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
position: relative; |
|
|
position: relative; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
/* border: red solid 7px; */ |
|
|
border: red solid 7px; |
|
|
} |
|
|
} |
|
|
.qrcode { |
|
|
.qrcode { |
|
|
height: 100%; |
|
|
height: 80%; |
|
|
/* width: 100%; |
|
|
/* width: 100%;*/ |
|
|
border: yellow solid 7px; */ |
|
|
border: white solid 7px; |
|
|
} |
|
|
} |
|
|
#reader { |
|
|
#reader { |
|
|
display: block; |
|
|
display: block; |
|
|
|
|
|
|
|
|
height: 95.4vh; |
|
|
height: 60.4vh; |
|
|
/* top: 50%; |
|
|
/* top: 50%; |
|
|
left: 0; |
|
|
left: 0; |
|
|
transform: translateY(-50%); */ |
|
|
transform: translateY(-50%); */ |
|
|
/* border: yellow solid 1px; */ |
|
|
border: yellow solid 1px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.btn { |
|
|
.btn { |
|
|
@ -198,7 +198,7 @@ |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
font-size: 6vw; |
|
|
font-size: 6vw; |
|
|
align-items: flex-start; |
|
|
align-items: flex-start; |
|
|
/* border: green solid 7px; */ |
|
|
border: green solid 7px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
