Fix cropped QR codes - Fixes #420

This commit is contained in:
Bubka 2024-11-22 15:02:13 +01:00
parent 6ead7708b5
commit ec26f19536
2 changed files with 11 additions and 2 deletions

View File

@ -195,6 +195,15 @@ a:hover {
background-color: $grey-darker !important;
}
img.qrcode {
max-width: 320px;
}
@media screen and (max-height: 500px) {
img.qrcode {
max-height: 50vh;
}
}
.tfa-grid {
border-radius: 6px;
text-align: center;

View File

@ -22,9 +22,9 @@
<template>
<div class="modal modal-otp is-active">
<div class="modal-background"></div>
<div class="modal-content">
<div class="modal-content modal-with-footer">
<p class="has-text-centered m-5">
<img v-if="qrcode" :src="qrcode" class="has-background-light" :alt="$t('commons.image_of_qrcode_to_scan')">
<img v-if="qrcode" :src="qrcode" class="qrcode has-background-light" :alt="$t('commons.image_of_qrcode_to_scan')">
<Spinner :isVisible="!qrcode" :type="'raw'" class="is-size-1" />
</p>
</div>