Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(frontend): ユーザーページのファイル一覧のセンシティブとして設定されたファイルの表示がおかしい問題を修正 (MisskeyIO#248)

Browse source
This commit is contained in:
まっちゃとーにゅ 2023-11-22 01:11:27 +09:00 committed by GitHub
parent 0c0c8f5144
commit 73dc1d8ca9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/frontend/src/pages/user/index.files.vue
View file

@ -13,8 +13,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<template v-for="file in files" :key="file.note.id + file.file.id"> <template v-for="file in files" :key="file.note.id + file.file.id">
<div v-if="file.file.isSensitive && !showingFiles.includes(file.file.id)" :class="$style.sensitive" @click="showingFiles.push(file.file.id)"> <div v-if="file.file.isSensitive && !showingFiles.includes(file.file.id)" :class="$style.sensitive" @click="showingFiles.push(file.file.id)">
<div> <div>
<div><i class="ti ti-eye-exclamation"></i> {{ i18n.ts.sensitive }}</div> <b style="display: block;"><i class="ti ti-eye-exclamation"/> {{ i18n.ts.sensitive }}</b>
<div>{{ i18n.ts.clickToShow }}</div> <span style="display: block;">{{ i18n.ts.clickToShow }}</span>
</div> </div>
</div> </div>
<MkA v-else :class="$style.img" :to="notePage(file.note)"> <MkA v-else :class="$style.img" :to="notePage(file.note)">
@ -100,7 +100,15 @@ onMounted(() => {
} }
.sensitive { .sensitive {
display: grid; width: 100%;
place-items: center; height: 128px;
display: flex;
font-size: 0.8em;
text-align: center;
align-items: center;
justify-content: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 6px;
} }
</style> </style>