diff options
author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2019-04-10 08:08:44 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-04-10 08:08:44 +0200 |
commit | e573b41be76ea729cfc5c7ca1290c8d8788e9ed4 (patch) | |
tree | e8291f119d555af404fc7bb53d6cf26699b8a500 | |
parent | 18acd8453126820e7db1f7bdad6a31c6d846154a (diff) | |
parent | e719f5dc2c4300123c5a0ababa4d20613e086a85 (diff) |
Merge pull request #1055 from rponline/fix/qrcode-cropped-on-mobile
Avoid qrcode getting cropped
-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> |