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

refactor EmMediaImage

This commit is contained in:
kakkokari-gtyih 2024-08-22 11:58:49 +09:00
parent c5b3b2556f
commit e5e1f8b115
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/src/embed/components/EmMediaImage.vue
View File

@ -25,11 +25,11 @@ SPDX-License-Identifier: AGPL-3.0-only
/> />
</a> </a>
<template v-if="hide"> <template v-if="hide">
<div :class="$style.hiddenText" @click="hide = !hide"> <div :class="$style.hiddenText">
<div :class="$style.hiddenTextWrapper"> <div :class="$style.hiddenTextWrapper">
<b v-if="image.isSensitive" style="display: block;"><i class="ti ti-eye-exclamation"></i> {{ i18n.ts.sensitive }}</b> <b v-if="image.isSensitive" style="display: block;"><i class="ti ti-eye-exclamation"></i> {{ i18n.ts.sensitive }}</b>
<b v-else style="display: block;"><i class="ti ti-photo"></i> {{ i18n.ts.image }}</b> <b v-else style="display: block;"><i class="ti ti-photo"></i> {{ i18n.ts.image }}</b>
<span v-if="controls" style="display: block;">{{ i18n.ts.clickToShow }}</span> <span style="display: block;">{{ i18n.ts.clickToShow }}</span>
</div> </div>
</div> </div>
</template> </template>
@ -43,9 +43,8 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { watch, ref, computed } from 'vue'; import { ref, computed } from 'vue';
import * as Misskey from 'misskey-js'; import * as Misskey from 'misskey-js';
import bytes from '@/filters/bytes.js';
import ImgWithBlurhash from '@/components/MkImgWithBlurhash.vue'; import ImgWithBlurhash from '@/components/MkImgWithBlurhash.vue';
import { i18n } from '@/i18n.js'; import { i18n } from '@/i18n.js';
@ -67,10 +66,6 @@ const url = computed(() => (props.raw)
); );
async function onclick(ev: MouseEvent) { async function onclick(ev: MouseEvent) {
if (!props.controls) {
return;
}
if (hide.value) { if (hide.value) {
ev.stopPropagation(); ev.stopPropagation();
hide.value = false; hide.value = false;