v0.0.87: 저장·로그인 버튼 비활성 기본, 글 목록 삭제 아이콘, 푸시 지침

pages/admin/posts/index.vue

@@ -148,12 +148,23 @@ const deletePost = async (post) => {
             </td>
             <td class="admin-posts__cell px-4 py-4">
               <button
-                class="admin-posts__delete rounded border border-red-200 px-3 py-1.5 text-xs font-semibold text-red-700 disabled:opacity-50"
+                class="admin-posts__delete-icon inline-flex size-9 items-center justify-center rounded text-muted opacity-35 transition-all hover:opacity-100 hover:text-red-600 focus-visible:outline focus-visible:ring-2 focus-visible:ring-[#8e9cac] focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-20"
                 type="button"
                 :disabled="deletingId === post.id"
+                :aria-label="deletingId === post.id ? '삭제 중' : '삭제'"
                 @click="deletePost(post)"
               >
-                {{ deletingId === post.id ? '삭제 중' : '삭제' }}
+                <span v-if="deletingId === post.id" class="admin-posts__delete-progress text-[10px] font-semibold text-muted" aria-hidden="true">…</span>
+                <svg
+                  v-else
+                  class="size-5 shrink-0"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                  aria-hidden="true"
+                >
+                  <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" />
+                </svg>
               </button>
             </td>
           </tr>