diff options
-rw-r--r-- | css/ContactDetails.scss | 3 | ||||
-rw-r--r-- | src/components/ContactDetails.vue | 3 |
2 files changed, 4 insertions, 2 deletions
diff --git a/css/ContactDetails.scss b/css/ContactDetails.scss index d418fba7..2be765e8 100644 --- a/css/ContactDetails.scss +++ b/css/ContactDetails.scss @@ -137,5 +137,8 @@ display: flex; padding: 10px; background-color: #fff; + .qrcode { + max-width: 100%; + } } } diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue index 623a7272..638cc14d 100644 --- a/src/components/ContactDetails.vue +++ b/src/components/ContactDetails.vue @@ -90,8 +90,7 @@ <!-- qrcode --> <modal v-if="qrcode" id="qrcode-modal" :title="contact.displayName" @close="closeQrModal"> - <img :src="`data:image/svg+xml;base64,${qrcode}`" class="qrcode" width="300" - height="300"> + <img :src="`data:image/svg+xml;base64,${qrcode}`" class="qrcode" width="400"> </modal> </header> |