style: 지시자 카드의 지시 시각을 카드 우측 상단으로 이동
업무 상세 지시자 카드 하단에 있던 '언제 지시했는지' 텍스트를 '지시자' 라벨과 같은 줄의 우측 상단으로 배치한다. - side-head(라벨 + 우측 보조 텍스트) 한 줄 배치 추가, issued-at 우측 정렬 - 하단 .meta-line 제거(미사용 스타일 정리) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user