fix(frontend): ユーザーページのファイル一覧のセンシティブとして設定されたファイルの表示がおかしい問題を修正 (MisskeyIO#248)
This commit is contained in:
		@@ -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>
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user