릴리스: v1.3.54 관리자 요청 카드 정보 밀도 조정

frontend/src/components/admin/AdminTierlistsSection.vue

@@ -5,12 +5,10 @@ const props = defineProps({
   tierlistsMode: { type: String, required: true },
   templateRequests: { type: Array, required: true },
   openTemplateRequestPreview: { type: Function, required: true },
-  templateRequestTypeLabel: { type: Function, required: true },
   fmt: { type: Function, required: true },
   templateRequestTargetLabel: { type: Function, required: true },
   templateRequestStatusLabel: { type: Function, required: true },
   templateRequestSourceUrl: { type: Function, required: true },
-  templateRequestReviewHint: { type: Function, required: true },
   startTemplateRequestReview: { type: Function, required: true },
   completeTemplateRequest: { type: Function, required: true },
   adminTierLists: { type: Array, required: true },
@@ -32,7 +30,6 @@ const props = defineProps({
     <div class="sectionHeader">
       <div>
         <div class="panel__title">사용자 요청</div>
-        <div class="hint hint--tight">요청 카드는 미확인/확인함 상태로 관리하고, 실제 아이템 반영은 게임 관리 화면에서 직접 진행합니다. 처리 완료를 눌러야 카드가 목록에서 빠져요.</div>
       </div>
     </div>
 
@@ -67,10 +64,13 @@ const props = defineProps({
         <div class="tierAdminCard__body">
           <div class="tierAdminCard__head">
             <div>
+              <span class="pill templateRequestCard__cornerBadge">
+                {{ request.type === 'create' ? '신규 템플릿' : '보유 템플릿' }}
+              </span>
               <div class="tierAdminCard__title">{{ request.sourceTierListTitle }}</div>
               <div v-if="request.sourceDescription" class="tierAdminCard__desc">{{ request.sourceDescription }}</div>
               <div class="tierAdminCard__meta">
-                {{ props.templateRequestTypeLabel(request) }} · {{ request.requesterName }} · {{ props.fmt(request.createdAt) }}
+                {{ request.requesterName }} · {{ props.fmt(request.createdAt) }}
               </div>
               <div class="tierAdminCard__meta">{{ props.templateRequestTargetLabel(request) }}</div>
             </div>
@@ -78,7 +78,6 @@ const props = defineProps({
 
           <div class="tierAdminCard__stats">
             <span class="pill">추가 아이템 {{ request.items?.length || 0 }}개</span>
-            <span class="pill">{{ request.type === 'create' ? '새 템플릿' : '기존 템플릿 업데이트' }}</span>
             <span class="pill" :class="{ 'pill--accent': request.status === 'reviewing' }">{{ props.templateRequestStatusLabel(request) }}</span>
           </div>
 
@@ -89,24 +88,24 @@ const props = defineProps({
             </button>
           </div>
 
-          <div class="templateRequestCard__links">
-            <a
-              v-if="props.templateRequestSourceUrl(request)"
-              class="btn btn--ghost btn--small"
-              :href="props.templateRequestSourceUrl(request)"
-              target="_blank"
-              rel="noreferrer"
-            >
-              요청 티어표 보기
-            </a>
-            <div class="hint hint--tight">{{ props.templateRequestReviewHint(request) }}</div>
-          </div>
-
-          <div class="templateRequestCard__actions">
-            <button class="btn btn--primary" :disabled="request.isHandling" @click="props.startTemplateRequestReview(request)">
-              {{ request.isHandling ? '이동중...' : '확인하기' }}
-            </button>
-            <button class="btn btn--ghost" :disabled="request.isHandling || request.status !== 'reviewing'" @click="props.completeTemplateRequest(request)">처리 완료</button>
+          <div class="templateRequestCard__footer">
+            <div class="templateRequestCard__footerLeft">
+              <a
+                v-if="props.templateRequestSourceUrl(request)"
+                class="btn btn--ghost btn--small"
+                :href="props.templateRequestSourceUrl(request)"
+                target="_blank"
+                rel="noreferrer"
+              >
+                요청 티어표 보기
+              </a>
+            </div>
+            <div class="templateRequestCard__actions">
+              <button class="btn btn--primary" :disabled="request.isHandling" @click="props.startTemplateRequestReview(request)">
+                {{ request.isHandling ? '이동중...' : '확인하기' }}
+              </button>
+              <button class="btn btn--ghost" :disabled="request.isHandling || request.status !== 'reviewing'" @click="props.completeTemplateRequest(request)">처리 완료</button>
+            </div>
           </div>
         </div>
       </article>
@@ -117,7 +116,6 @@ const props = defineProps({
     <div class="sectionHeader">
       <div>
         <div class="panel__title">전체 티어표 관리</div>
-        <div class="hint hint--tight">공개/비공개를 포함한 최근 티어표를 모두 확인하고, 추가 아이템을 기존 게임 템플릿으로 승격하거나 커스텀 티어표를 새 게임 템플릿으로 만들 수 있어요. 여기는 요청 목록과 별개로 전체 저장 티어표를 보는 영역입니다.</div>
       </div>
     </div>
 

frontend/src/views/AdminView.vue

@@ -1374,12 +1374,10 @@ function userAvatarFallback(user) {
               :tierlists-mode="tierlistsMode"
               :template-requests="templateRequests"
               :open-template-request-preview="openTemplateRequestPreview"
-              :template-request-type-label="templateRequestTypeLabel"
               :fmt="fmt"
               :template-request-target-label="templateRequestTargetLabel"
               :template-request-status-label="templateRequestStatusLabel"
               :template-request-source-url="templateRequestSourceUrl"
-              :template-request-review-hint="templateRequestReviewHint"
               :start-template-request-review="startTemplateRequestReview"
               :complete-template-request="completeTemplateRequest"
               :admin-tier-lists="adminTierLists"
@@ -3368,9 +3366,17 @@ function userAvatarFallback(user) {
 .adminUiScope .templateRequestCard__items {
   grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
 }
-.adminUiScope .templateRequestCard__links {
-  display: grid;
+.adminUiScope .templateRequestCard__footer {
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.adminUiScope .templateRequestCard__footerLeft {
+  display: flex;
   gap: 10px;
+  align-items: center;
 }
 .adminUiScope .templateRequestCard__actions {
   display: flex;
@@ -3557,6 +3563,7 @@ function userAvatarFallback(user) {
   min-width: 0;
   display: grid;
   gap: 14px;
+  position: relative;
 }
 .adminUiScope .tierAdminCard__head {
   display: flex;
@@ -3564,9 +3571,15 @@ function userAvatarFallback(user) {
   justify-content: space-between;
   align-items: flex-start;
 }
+.adminUiScope .templateRequestCard__cornerBadge {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
 .adminUiScope .tierAdminCard__title {
   font-size: 18px;
   font-weight: 900;
+  padding-right: 132px;
 }
 .adminUiScope .tierAdminCard__desc {
   margin-top: 6px;