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;
+ }
}
}