feat: 화상회의 목록 소유자 표기를 아바타+이름으로 통일
회의방 목록의 진행자(소유자) 표기를 별 아이콘+이름에서 UserAvatar(프로필 이미지/실루엣)+이름으로 변경 — 프로젝트·업무 화면의 사람 표기 방식과 일치. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -4,6 +4,7 @@ import { computed, ref } from 'vue'
|
||||
import MeetingIcon from './MeetingIcon.vue'
|
||||
import MeetingCreateForm from './MeetingCreateForm.vue'
|
||||
import EmptyState from '@/components/common/EmptyState.vue'
|
||||
import UserAvatar from '@/components/UserAvatar.vue'
|
||||
import { relativeTimeKo, formatDate } from '@/shared/utils/format'
|
||||
import type { ApiMeetingRoom } from '@/types/meeting'
|
||||
|
||||
@@ -118,8 +119,11 @@ function fmtSchedule(iso: string): string {
|
||||
<div class="rr-meta">
|
||||
<span
|
||||
v-if="r.host"
|
||||
class="rr-mi"
|
||||
><MeetingIcon name="host" />{{ r.host.name }}</span>
|
||||
class="rr-mi rr-host"
|
||||
><span class="rr-av"><UserAvatar
|
||||
:url="r.host.avatarUrl"
|
||||
:name="r.host.name"
|
||||
/></span>{{ r.host.name }}</span>
|
||||
<span
|
||||
v-if="r.scheduledAt"
|
||||
class="rr-mi"
|
||||
@@ -303,6 +307,16 @@ function fmtSchedule(iso: string): string {
|
||||
width: 0.8125rem;
|
||||
height: 0.8125rem;
|
||||
}
|
||||
/* 소유자(진행자) — 아바타 + 이름 (프로젝트·업무 화면과 동일 표기) */
|
||||
.rr-host {
|
||||
gap: 0.375rem;
|
||||
color: var(--text-2);
|
||||
}
|
||||
.rr-av {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.rr-dim {
|
||||
color: var(--text-3);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user