릴리스: v1.3.57 관리자 기본 아이템 카드 전체 드래그 복원
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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) => {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user