v0.0.89: 미디어 선택 토글 가시성, posts·미분류·썸네일 경로 명세

pages/admin/media/index.vue

@@ -534,15 +534,31 @@ const deleteMedia = async (item) => {
             draggable="true"
             @dragstart="startMediaDrag($event, item)"
           >
-            <label class="admin-media__select-label absolute left-1.5 top-1.5 z-10 grid size-6 cursor-pointer place-items-center rounded border border-line bg-white/95 shadow-sm hover:bg-white">
-              <span class="sr-only">{{ item.name }} 선택</span>
-              <input
-                class="admin-media__select-checkbox size-3.5 rounded border-line text-[#15171a] focus:ring-[#15171a]"
-                type="checkbox"
-                :checked="isMediaSelected(item)"
-                @click.stop.prevent="toggleMediaSelection(item, index, $event)"
+            <button
+              type="button"
+              class="admin-media__select-toggle absolute left-1.5 top-1.5 z-10 grid size-7 place-items-center rounded-md border-2 shadow-md outline-none transition focus-visible:ring-2 focus-visible:ring-[#15171a] focus-visible:ring-offset-1"
+              :class="isMediaSelected(item)
+                ? 'border-white bg-[#15171a] text-white'
+                : 'border-[#394047] bg-white/95 text-[#15171a] hover:border-[#15171a] hover:bg-white'"
+              :aria-label="`${item.name} 선택`"
+              :aria-pressed="isMediaSelected(item)"
+              @click.stop="toggleMediaSelection(item, index, $event)"
+            >
+              <svg
+                v-if="isMediaSelected(item)"
+                class="size-4 shrink-0"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2.5"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                aria-hidden="true"
               >
-            </label>
+                <path d="M20 6 9 17l-5-5" />
+              </svg>
+            </button>
             <button
               class="admin-media__thumb relative flex w-full flex-col text-left outline-none"
               type="button"