style: 지시자 카드의 지시 시각을 카드 우측 상단으로 이동

업무 상세 지시자 카드 하단에 있던 '언제 지시했는지' 텍스트를 '지시자' 라벨과
같은 줄의 우측 상단으로 배치한다.

- side-head(라벨 + 우측 보조 텍스트) 한 줄 배치 추가, issued-at 우측 정렬
- 하단 .meta-line 제거(미사용 스타일 정리)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-21 22:16:27 +09:00
parent 5c3b1e5ab4
commit 118d12f829
+23 -11
View File
@@ -1203,8 +1203,13 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
<div class="card side-card">
<div class="side-field bare">
<div class="side-label">
지시자
<div class="side-head">
<div class="side-label">
지시자
</div>
<div class="issued-at">
{{ task.issuedLabel }}
</div>
</div>
<div class="issuer">
<span class="avatar"><UserAvatar
@@ -1213,9 +1218,6 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
/></span>
<span><div class="nm">{{ task.issuer.name }}</div><div class="rl">{{ task.issuer.role }}</div></span>
</div>
<div class="meta-line">
{{ task.issuedLabel }}
</div>
</div>
</div>
</aside>
@@ -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 {