diff --git a/apps/files_sharing/src/components/SharingEntryLink.vue b/apps/files_sharing/src/components/SharingEntryLink.vue index 7e2c22713e2d7..367f7f4c21672 100644 --- a/apps/files_sharing/src/components/SharingEntryLink.vue +++ b/apps/files_sharing/src/components/SharingEntryLink.vue @@ -238,6 +238,8 @@ @@ -1003,8 +1005,14 @@ export default { justify-content: center; &__img { - width: 100%; + max-width: 256px; + max-height: 256px; + width: auto; height: auto; + image-rendering: -webkit-optimize-contrast; + image-rendering: -moz-crisp-edges; + image-rendering: pixelated; + image-rendering: crisp-edges; } } diff --git a/apps/settings/src/components/AuthTokenSetupDialog.vue b/apps/settings/src/components/AuthTokenSetupDialog.vue index 0b85adb0c68dc..435da6a4935dc 100644 --- a/apps/settings/src/components/AuthTokenSetupDialog.vue +++ b/apps/settings/src/components/AuthTokenSetupDialog.vue @@ -42,7 +42,12 @@ {{ t('settings', 'Show QR code for mobile apps') }} - + @@ -216,6 +221,13 @@ export default defineComponent({ &__qrcode { display: flex; justify-content: center; + + :deep(.qr-code) { + image-rendering: -webkit-optimize-contrast; + image-rendering: -moz-crisp-edges; + image-rendering: pixelated; + image-rendering: crisp-edges; + } } }