릴리스: v1.3.57 관리자 기본 아이템 카드 전체 드래그 복원

This commit is contained in:
2026-04-02 12:02:00 +09:00
parent 4fc7bcb29a
commit 717e3b97f0
3 changed files with 3 additions and 17 deletions

View File

@@ -147,7 +147,6 @@ const props = defineProps({
<div v-if="!props.selectedGame?.items?.length" class="hint">아직 등록된 기본 아이템이 없어요.</div>
<div v-else :ref="props.gameItemListRef" class="thumbGrid">
<div v-for="item in props.selectedGame.items" :key="item.id" class="thumbCard" :data-game-item-id="item.id">
<div class="thumbCard__dragHandle" data-game-item-handle>순서 이동</div>
<img class="thumb thumb--game" :src="toApiUrl(item.src)" :alt="item.label" />
<input v-model="item.draftLabel" class="input input--labelEdit" placeholder="아이템 이름" />
<div class="thumbCard__actions">

View File

@@ -50,7 +50,8 @@ export function useAdminGameManager({
gameItemSortable.value = Sortable.create(gameItemListEl.value, {
animation: 160,
draggable: '[data-game-item-id]',
handle: '[data-game-item-handle]',
filter: 'input, button, textarea, a, label',
preventOnFilter: false,
ghostClass: 'ghost',
chosenClass: 'chosen',
onEnd: (evt) => {

View File

@@ -2733,24 +2733,10 @@ function userAvatarFallback(user) {
background: var(--theme-surface-soft);
padding: 12px;
min-width: 0;
}
.adminUiScope .thumbCard__dragHandle {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
padding: 5px 9px;
border-radius: 999px;
border: 1px dashed rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.04);
color: var(--theme-text-soft);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.02em;
cursor: grab;
user-select: none;
}
.adminUiScope .thumbCard__dragHandle:active {
.adminUiScope .thumbCard:active {
cursor: grabbing;
}
.adminUiScope .thumb {