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>
</div>
<img :class="$style.logo" :src="misskeysvg" alt="Misskey Logo"/>
<img v-flip :class="$style.logo" :src="misskeysvg" alt="Misskey Logo"/>
</div>
</div>
</div>
@ -91,7 +91,7 @@ function share() {
});
}
watch([qrCodeEl, avatarHsl, url], () => {
onMounted(() => {
const qrCodeInstance = new QRCodeStyling({
width: 512,
height: 512,
@ -117,7 +117,7 @@ watch([qrCodeEl, avatarHsl, url], () => {
rotation: 1, // radian
colorStops: [
{ 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() },
],
},
@ -131,7 +131,7 @@ watch([qrCodeEl, avatarHsl, url], () => {
if (qrCodeEl.value != null) {
qrCodeInstance.append(qrCodeEl.value);
}
}, { immediate: true });
});
//#region scroll height
function checkScrollHeight() {
@ -195,6 +195,7 @@ const vFlip = {
$s1: 16px;
$s2: 24px;
$s3: 32px;
$avatarSize: 58px;
.root {
position: relative;
@ -245,8 +246,6 @@ $s3: 32px;
}
}
$avatarSize: 58px;
.user {
display: flex;
margin: $s3 auto;