extern/2FAuth
1
0
Fork 0
mirror of https://github.com/Bubka/2FAuth.git synced 2025-06-24 22:12:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix cropped QR codes - Fixes #420

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/assets/app.scss vendored
View File

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

4
resources/js/views/twofaccounts/QRcode.vue
View File

@ -22,9 +22,9 @@
<template> <template>
<div class="modal modal-otp is-active"> <div class="modal modal-otp is-active">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-content"> <div class="modal-content modal-with-footer">
<p class="has-text-centered m-5"> <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" /> <Spinner :isVisible="!qrcode" :type="'raw'" class="is-size-1" />
</p> </p>
</div> </div>