diff --git a/frontend/src/pages/relay/TaskDetailPage.vue b/frontend/src/pages/relay/TaskDetailPage.vue index d6ce7b1..6793b24 100644 --- a/frontend/src/pages/relay/TaskDetailPage.vue +++ b/frontend/src/pages/relay/TaskDetailPage.vue @@ -1203,8 +1203,13 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
-
- 지시자 +
+
+ 지시자 +
+
+ {{ task.issuedLabel }} +
{{ task.issuer.name }}
{{ task.issuer.role }}
-
- {{ task.issuedLabel }} -
@@ -2708,6 +2710,22 @@ function badgeFor(name: string | undefined): { label: string; cls: string } { margin-bottom: 0.5625rem; white-space: nowrap; } +/* 라벨 + 우측 보조 텍스트(지시 시각 등) 한 줄 배치 */ +.side-head { + display: flex; + align-items: baseline; + justify-content: space-between; + gap: 0.5rem; + margin-bottom: 0.5625rem; +} +.side-head .side-label { + margin-bottom: 0; +} +.issued-at { + font-size: 0.719rem; + color: var(--text-3); + white-space: nowrap; +} .status-badge { display: inline-flex; align-items: center; @@ -2884,12 +2902,6 @@ function badgeFor(name: string | undefined): { label: string; cls: string } { color: var(--text-3); white-space: nowrap; } -.meta-line { - font-size: 0.75rem; - color: var(--text-3); - margin-top: 0.25rem; - white-space: nowrap; -} /* 승인 요청 카드 */ .ap-card {