diff --git a/frontend/src/pages/inbounds/QrCodeModal.vue b/frontend/src/pages/inbounds/QrCodeModal.vue index 12f79d4e..9d7db272 100644 --- a/frontend/src/pages/inbounds/QrCodeModal.vue +++ b/frontend/src/pages/inbounds/QrCodeModal.vue @@ -98,7 +98,6 @@ watch(() => props.open, (next) => { } const open = []; if (subLink.value) open.push('sub'); - if (subJsonLink.value) open.push('sub-json'); activeKeys.value = open; }); diff --git a/frontend/src/pages/inbounds/QrPanel.vue b/frontend/src/pages/inbounds/QrPanel.vue index fc5cbb61..4535137a 100644 --- a/frontend/src/pages/inbounds/QrPanel.vue +++ b/frontend/src/pages/inbounds/QrPanel.vue @@ -11,7 +11,7 @@ const props = defineProps({ value: { type: String, required: true }, remark: { type: String, default: '' }, downloadName: { type: String, default: '' }, - size: { type: Number, default: 240 }, + size: { type: Number, default: 360 }, showQr: { type: Boolean, default: true }, }); @@ -82,8 +82,15 @@ function download() { .qr-panel-canvas .qr-code { cursor: pointer; - padding: 0 !important; background: #fff; border-radius: 4px; + line-height: 0; +} + +.qr-panel-canvas .qr-code :deep(svg) { + display: block; + width: 100%; + height: auto; + max-width: 360px; }