This commit is contained in:
tamaina 2025-08-25 15:27:38 +09:00
parent 183be7655a
commit 42a52f13b9
2 changed files with 5 additions and 4 deletions

View File

@ -14,12 +14,12 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.fg"> <div :class="$style.fg">
<div <div
:class="[$style.content, '_spacer']" :class="[$style.content, '_spacer']"
@click="share"
:style="{ :style="{
'--MI_SPACER-w': '512px', '--MI_SPACER-w': '512px',
'--MI_SPACER-max': '16px', '--MI_SPACER-max': '16px',
'cursor': canShare ? 'pointer' : 'default', 'cursor': canShare ? 'pointer' : 'default',
}" }"
@click="share"
> >
<div <div
:class="$style.qrOuter" :class="$style.qrOuter"
@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
maxHeight: container ? `max(256px, ${scrollHeight * 0.5}px)` : `max(256px, 50dvh)`, maxHeight: container ? `max(256px, ${scrollHeight * 0.5}px)` : `max(256px, 50dvh)`,
}" }"
> >
<div v-flip ref="qrCodeEl" :class="$style.qrInner"></div> <div ref="qrCodeEl" v-flip :class="$style.qrInner"></div>
</div> </div>
<div :class="$style.user"> <div :class="$style.user">
<MkAvatar v-flip :class="$style.avatar" :user="$i" :indicator="false"/> <MkAvatar v-flip :class="$style.avatar" :user="$i" :indicator="false"/>
@ -46,7 +46,8 @@ SPDX-License-Identifier: AGPL-3.0-only
import { extractAvgColorFromBlurhash } from '@@/js/extract-avg-color-from-blurhash.js'; import { extractAvgColorFromBlurhash } from '@@/js/extract-avg-color-from-blurhash.js';
import tinycolor from 'tinycolor2'; import tinycolor from 'tinycolor2';
import QRCodeStyling from 'qr-code-styling'; import QRCodeStyling from 'qr-code-styling';
import { computed, ref, watch, onMounted, type Directive, useCssModule, onUnmounted, type ComponentPublicInstance, nextTick } from 'vue'; import type { Directive } from 'vue';
import { computed, ref, watch, onMounted, useCssModule, onUnmounted, type ComponentPublicInstance, nextTick } from 'vue';
import { host } from '@@/js/config.js'; import { host } from '@@/js/config.js';
import { instance } from '@/instance.js'; import { instance } from '@/instance.js';
import { ensureSignin } from '@/i.js'; import { ensureSignin } from '@/i.js';

View File

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<PageWithHeader :class="$style.root" v-model:tab="tab" :tabs="headerTabs" :swipable="true"> <PageWithHeader v-model:tab="tab" :class="$style.root" :tabs="headerTabs" :swipable="true">
<MkQrShow v-if="tab === 'show'"/> <MkQrShow v-if="tab === 'show'"/>
<MkQrRead v-else-if="tab === 'read'"/> <MkQrRead v-else-if="tab === 'read'"/>
<MkError v-else-if="error" :error="error"/> <MkError v-else-if="error" :error="error"/>