usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

?

This commit is contained in:
tamaina 2025-08-25 20:09:28 +09:00
parent 2c7480d0ea
commit e08032d00f
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/src/pages/qr.show.vue
View File

@ -36,7 +36,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-flip :class="$style.name"><MkCondensedLine :minScale="2 / 3">{{ userName($i) }}</MkCondensedLine></div> <div v-flip :class="$style.name"><MkCondensedLine :minScale="2 / 3">{{ userName($i) }}</MkCondensedLine></div>
</div> </div>
</div> </div>
<img :class="$style.logo" :src="misskeysvg" alt="Misskey Logo"/> <img v-flip :class="$style.logo" :src="misskeysvg" alt="Misskey Logo"/>
</div> </div>
</div> </div>
</div> </div>
@ -91,7 +91,7 @@ function share() {
}); });
} }
watch([qrCodeEl, avatarHsl, url], () => { onMounted(() => {
const qrCodeInstance = new QRCodeStyling({ const qrCodeInstance = new QRCodeStyling({
width: 512, width: 512,
height: 512, height: 512,
@ -117,7 +117,7 @@ watch([qrCodeEl, avatarHsl, url], () => {
rotation: 1, // radian rotation: 1, // radian
colorStops: [ colorStops: [
{ offset: 0, color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 25)`).toRgbString() }, { offset: 0, color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 25)`).toRgbString() },
{ offset: 0.5, color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 18)`).toRgbString() }, { offset: 0.5, color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 20)`).toRgbString() },
{ offset: 1, color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 6)`).toRgbString() }, { offset: 1, color: tinycolor(`hsl(${avatarHsl.value.h}, 100, 6)`).toRgbString() },
], ],
}, },
@ -131,7 +131,7 @@ watch([qrCodeEl, avatarHsl, url], () => {
if (qrCodeEl.value != null) { if (qrCodeEl.value != null) {
qrCodeInstance.append(qrCodeEl.value); qrCodeInstance.append(qrCodeEl.value);
} }
}, { immediate: true }); });
//#region scroll height //#region scroll height
function checkScrollHeight() { function checkScrollHeight() {
@ -195,6 +195,7 @@ const vFlip = {
$s1: 16px; $s1: 16px;
$s2: 24px; $s2: 24px;
$s3: 32px; $s3: 32px;
$avatarSize: 58px;
.root { .root {
position: relative; position: relative;
@ -245,8 +246,6 @@ $s3: 32px;
} }
} }
$avatarSize: 58px;
.user { .user {
display: flex; display: flex;
margin: $s3 auto; margin: $s3 auto;