feat(desktop-ui): show account avatar image in AI platforms table
Render the account avatarUrl when present, falling back to the initial letter, with cover sizing inside the avatar circle. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -610,7 +610,13 @@ async function unbindPlatform(account: AccountRow) {
|
|||||||
class="avatar-circle"
|
class="avatar-circle"
|
||||||
:style="{ background: platformMeta(record.platform).accent }"
|
:style="{ background: platformMeta(record.platform).accent }"
|
||||||
>
|
>
|
||||||
<span class="avatar-initial">
|
<img
|
||||||
|
v-if="record.avatarUrl"
|
||||||
|
:src="record.avatarUrl"
|
||||||
|
:alt="record.displayName"
|
||||||
|
referrerpolicy="no-referrer"
|
||||||
|
/>
|
||||||
|
<span v-else class="avatar-initial">
|
||||||
{{ record.displayName.slice(0, 1).toUpperCase() }}
|
{{ record.displayName.slice(0, 1).toUpperCase() }}
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
@@ -1167,6 +1173,12 @@ async function unbindPlatform(account: AccountRow) {
|
|||||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.avatar-circle img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
.avatar-initial {
|
.avatar-initial {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|||||||
Reference in New Issue
Block a user