diff --git a/frontend/src/components/admin/AdminGamesSection.vue b/frontend/src/components/admin/AdminGamesSection.vue index bbcabe8..1e31671 100644 --- a/frontend/src/components/admin/AdminGamesSection.vue +++ b/frontend/src/components/admin/AdminGamesSection.vue @@ -147,7 +147,6 @@ const props = defineProps({
아직 등록된 기본 아이템이 없어요.
-
순서 이동
diff --git a/frontend/src/composables/useAdminGameManager.js b/frontend/src/composables/useAdminGameManager.js index c083b9d..8c23fff 100644 --- a/frontend/src/composables/useAdminGameManager.js +++ b/frontend/src/composables/useAdminGameManager.js @@ -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) => { diff --git a/frontend/src/views/AdminView.vue b/frontend/src/views/AdminView.vue index c38ea6b..1ff128c 100644 --- a/frontend/src/views/AdminView.vue +++ b/frontend/src/views/AdminView.vue @@ -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 {