릴리스: 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-if="!props.selectedGame?.items?.length" class="hint">아직 등록된 기본 아이템이 없어요.</div>
|
||||||
<div v-else :ref="props.gameItemListRef" class="thumbGrid">
|
<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 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" />
|
<img class="thumb thumb--game" :src="toApiUrl(item.src)" :alt="item.label" />
|
||||||
<input v-model="item.draftLabel" class="input input--labelEdit" placeholder="아이템 이름" />
|
<input v-model="item.draftLabel" class="input input--labelEdit" placeholder="아이템 이름" />
|
||||||
<div class="thumbCard__actions">
|
<div class="thumbCard__actions">
|
||||||
|
|||||||
@@ -50,7 +50,8 @@ export function useAdminGameManager({
|
|||||||
gameItemSortable.value = Sortable.create(gameItemListEl.value, {
|
gameItemSortable.value = Sortable.create(gameItemListEl.value, {
|
||||||
animation: 160,
|
animation: 160,
|
||||||
draggable: '[data-game-item-id]',
|
draggable: '[data-game-item-id]',
|
||||||
handle: '[data-game-item-handle]',
|
filter: 'input, button, textarea, a, label',
|
||||||
|
preventOnFilter: false,
|
||||||
ghostClass: 'ghost',
|
ghostClass: 'ghost',
|
||||||
chosenClass: 'chosen',
|
chosenClass: 'chosen',
|
||||||
onEnd: (evt) => {
|
onEnd: (evt) => {
|
||||||
|
|||||||
@@ -2733,24 +2733,10 @@ function userAvatarFallback(user) {
|
|||||||
background: var(--theme-surface-soft);
|
background: var(--theme-surface-soft);
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
min-width: 0;
|
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;
|
cursor: grab;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
.adminUiScope .thumbCard__dragHandle:active {
|
.adminUiScope .thumbCard:active {
|
||||||
cursor: grabbing;
|
cursor: grabbing;
|
||||||
}
|
}
|
||||||
.adminUiScope .thumb {
|
.adminUiScope .thumb {
|
||||||
|
|||||||
Reference in New Issue
Block a user