add operator avatar for PushLogTimeline.vue
This commit is contained in:
@@ -12,7 +12,13 @@
|
|||||||
<t-card class="item">
|
<t-card class="item">
|
||||||
<div>
|
<div>
|
||||||
<div class="user">
|
<div class="user">
|
||||||
<icon class="avatar" name="USER"/>
|
<t-avatar
|
||||||
|
class="avatar"
|
||||||
|
:class="(<any>ImageType)[action.operator.profile.avatarType]"
|
||||||
|
:image="UserAPI.getAvatarURL(action.operator.profile)"
|
||||||
|
size="small"
|
||||||
|
shape="round"
|
||||||
|
/>
|
||||||
<span v-text="action.operator.name"></span>
|
<span v-text="action.operator.name"></span>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="showRepo" class="repository">
|
<div v-if="showRepo" class="repository">
|
||||||
@@ -57,7 +63,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { Icon, Time } from "timi-web";
|
import { ImageType, Time, UserAPI } from "timi-web";
|
||||||
import { MessagePlugin } from "tdesign-vue-next";
|
import { MessagePlugin } from "tdesign-vue-next";
|
||||||
import { ActionLogView } from "@/types/Common.ts";
|
import { ActionLogView } from "@/types/Common.ts";
|
||||||
|
|
||||||
@@ -91,6 +97,7 @@ const { items } = toRefs(props);
|
|||||||
|
|
||||||
.user {
|
.user {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user