zenn/tier-maker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 대체된 사용자 아이템 보존 및 상태 표시

Browse Source
This commit is contained in:
zenn
2026-04-06 11:00:02 +09:00
parent a716ee0062
commit c7cafb87c3
6 changed files with 90 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/admin/AdminItemsSection.vue
View File

@@ -25,6 +25,7 @@ const props = defineProps({
>
{{ item.sourceLabel }}
</span>
<span v-if="item.replacedAt" class="customItemCard__badge customItemCard__badge--replaced">대체됨</span>
<img class="customItemCard__image" :src="toApiUrl(item.src)" :alt="item.label" />
<div class="customItemCard__title" :title="item.label">{{ item.label }}</div>
</button>

18
frontend/src/views/AdminView.vue
View File

@@ -2179,6 +2179,19 @@ function openUserProfile(user) {
</div>
<div v-else class="hint hint--tight">아직 템플릿에 연결된 항목이 없어요.</div>
</div>
<div v-if="modalTargetCustomItem.replacedAt" class="customItemModal__linked">
<span class="customItemModal__label">대체 상태</span>
<div class="customItemModal__titleRow">
<div>
<div class="customItemModal__title">{{ modalTargetCustomItem.replacedByLabel || '대체 대상 이름 없음' }}</div>
<div class="customItemModal__source">이 아이템은 위 대상 이미지로 대체된 상태예요.</div>
</div>
</div>
<div class="customItemModal__metaRow">
<span>대체 시각</span>
<strong>{{ fmt(modalTargetCustomItem.replacedAt) }}</strong>
</div>
</div>
<div class="customItemModal__actions">
<a class="btn btn--ghost customItemModal__action" :href="toApiUrl(modalTargetCustomItem.src)" :download="modalTargetCustomItem.label">이미지 다운로드</a>
<button class="btn btn--ghost customItemModal__action" :disabled="!customItemModalTargetTemplateId || modalTargetCustomItem.isPromoting" @click="promoteCustomItem(modalTargetCustomItem)">
@@ -3620,6 +3633,11 @@ function openUserProfile(user) {
.adminUiScope .customItemCard__badge--asset {
background: rgba(251, 191, 36, 0.18);
}
.adminUiScope .customItemCard__badge--replaced {
top: 40px;
background: rgba(245, 158, 11, 0.2);
color: #fde68a;
}
.adminUiScope .customItemCard:hover {
border-color: rgba(126, 162, 255, 0.42);
background: rgba(255, 255, 255, 0.06);