diff options
| author | Tara Rostami <132676256+TaraRostami@users.noreply.github.com> | 2024-03-20 13:43:37 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-20 13:43:37 +0300 |
| commit | 0bec29f2ba5d92087704d997b9d116f0b352cf2d (patch) | |
| tree | d76811ecc8604d9545049d20eda68f303f615e24 /web/html/common | |
| parent | a7418d9708e4f03503315530e68133507ba53278 (diff) | |
UI Improvements (#2067)
Diffstat (limited to 'web/html/common')
| -rw-r--r-- | web/html/common/qrcode_modal.html | 49 |
1 files changed, 21 insertions, 28 deletions
diff --git a/web/html/common/qrcode_modal.html b/web/html/common/qrcode_modal.html index 0e2b3a63..5cbe7858 100644 --- a/web/html/common/qrcode_modal.html +++ b/web/html/common/qrcode_modal.html @@ -1,32 +1,23 @@ {{define "qrcodeModal"}} <a-modal id="qrcode-modal" v-model="qrModal.visible" :title="qrModal.title" - :dialog-style="{ top: '20px' }" - :closable="true" - :class="themeSwitcher.currentTheme" - :footer="null" - width="300px"> - <a-tag color="green" style="margin-bottom: 10px;display: block;text-align: center;"> - {{ i18n "pages.inbounds.clickOnQRcode" }} - </a-tag> - <template v-if="app.subSettings.enable && qrModal.subId"> - <a-divider>{{ i18n "pages.settings.subSettings"}}</a-divider> - <canvas @click="copyToClipboard('qrCode-sub',genSubLink(qrModal.client.subId))" - id="qrCode-sub" - class="qr-bg"> - </canvas> - <a-divider>{{ i18n "pages.settings.subSettings"}} Json</a-divider> - <canvas @click="copyToClipboard('qrCode-subJson',genSubJsonLink(qrModal.client.subId))" - id="qrCode-subJson" - style="width: 100%; height: 100%; display: flex; border-radius: 1rem;"> - </canvas> - </template> - <a-divider>{{ i18n "pages.inbounds.client" }}</a-divider> - <template v-for="(row, index) in qrModal.qrcodes"> - <a-tag color="green" style="margin: 10px 0; display: block; text-align: center;">[[ row.remark ]]</a-tag> - <canvas @click="copyToClipboard('qrCode-'+index, row.link)" - :id="'qrCode-'+index" - class="qr-bg"></canvas> - </template> + :dialog-style="{ top: '20px' }" + :closable="true" + :class="themeSwitcher.currentTheme" + :footer="null" width="300px"> + <a-tag color="green" style="margin-bottom: 10px;display: block;text-align: center;"> + {{ i18n "pages.inbounds.clickOnQRcode" }} + </a-tag> + <template v-if="app.subSettings.enable && qrModal.subId"> + <a-divider>{{ i18n "pages.settings.subSettings"}}</a-divider> + <div class="qr-bg"><canvas @click="copyToClipboard('qrCode-sub',genSubLink(qrModal.client.subId))" id="qrCode-sub" class="qr-cv"></canvas></div> + <a-divider>{{ i18n "pages.settings.subSettings"}} Json</a-divider> + <div class="qr-bg"><canvas @click="copyToClipboard('qrCode-subJson',genSubJsonLink(qrModal.client.subId))" id="qrCode-subJson" class="qr-cv"></canvas></div> + </template> + <a-divider>{{ i18n "pages.inbounds.client" }}</a-divider> + <template v-for="(row, index) in qrModal.qrcodes"> + <a-tag color="green" style="margin: 10px 0; display: block; text-align: center;">[[ row.remark ]]</a-tag> + <div class="qr-bg"><canvas @click="copyToClipboard('qrCode-'+index, row.link)" :id="'qrCode-'+index" class="qr-cv"></canvas></div> + </template> </a-modal> <script> @@ -87,8 +78,10 @@ setQrCode(elmentId, content) { new QRious({ element: document.querySelector('#' + elmentId), - size: 260, + size: 300, value: content, + background: 'transparent', + foreground: 'black' }); }, genSubLink(subID) { |