diff --git a/frontend/src/components/admin/AdminGamesSection.vue b/frontend/src/components/admin/AdminGamesSection.vue index 1e31671..47f88d2 100644 --- a/frontend/src/components/admin/AdminGamesSection.vue +++ b/frontend/src/components/admin/AdminGamesSection.vue @@ -86,6 +86,7 @@ const props = defineProps({
현재 요청에서 가져온 아이템 {{ props.stagedRequestDraftCount }}개도 함께 검토 중이에요.
- - +
- + diff --git a/frontend/src/composables/useAdminGameManager.js b/frontend/src/composables/useAdminGameManager.js index 8c23fff..f0e193b 100644 --- a/frontend/src/composables/useAdminGameManager.js +++ b/frontend/src/composables/useAdminGameManager.js @@ -50,7 +50,9 @@ export function useAdminGameManager({ gameItemSortable.value = Sortable.create(gameItemListEl.value, { animation: 160, draggable: '[data-game-item-id]', - filter: 'input, button, textarea, a, label', + forceFallback: true, + fallbackOnBody: true, + filter: '[data-no-drag]', preventOnFilter: false, ghostClass: 'ghost', chosenClass: 'chosen', diff --git a/frontend/src/views/AdminView.vue b/frontend/src/views/AdminView.vue index 1ff128c..0b0e10b 100644 --- a/frontend/src/views/AdminView.vue +++ b/frontend/src/views/AdminView.vue @@ -2628,10 +2628,16 @@ function userAvatarFallback(user) { align-items: start; } .adminUiScope .dropZone { - padding: 18px; + min-height: 180px; + padding: 24px 18px; border-radius: 16px; - border: 1px dashed var(--theme-border-strong); + border: 2px dashed color-mix(in srgb, var(--theme-border-strong) 82%, rgba(255, 255, 255, 0.12)); background: var(--theme-pill-bg); + display: grid; + place-items: center; + align-content: center; + text-align: center; + cursor: pointer; transition: border-color 0.16s ease, background 0.16s ease, @@ -2644,18 +2650,21 @@ function userAvatarFallback(user) { } .adminUiScope .dropZone__title { font-weight: 900; + font-size: 16px; } .adminUiScope .dropZone__desc { margin-top: 8px; font-size: 13px; opacity: 0.74; line-height: 1.5; + max-width: 480px; } .adminUiScope .dropZone__actions { margin-top: 12px; display: flex; gap: 10px; flex-wrap: wrap; + justify-content: center; } .adminUiScope .itemPreviewCard { margin-top: 12px;