mirror of
https://github.com/Bubka/2FAuth.git
synced 2025-01-05 05:50:32 +01:00
Fix cropped QR codes - Fixes #420
This commit is contained in:
parent
6ead7708b5
commit
ec26f19536
9
resources/js/assets/app.scss
vendored
9
resources/js/assets/app.scss
vendored
@ -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;
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user