FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Show full actor address in ProfileListItem component

Browse source
This commit is contained in:
silverpill 2022-01-02 23:00:27 +00:00
parent d440b91033
commit d8a0103115
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/ProfileListItem.vue
View file

@ -3,7 +3,7 @@
<avatar :profile="profile"></avatar> <avatar :profile="profile"></avatar>
<div class="name"> <div class="name">
<div class="display-name">{{ profile.display_name || profile.username }}</div> <div class="display-name">{{ profile.display_name || profile.username }}</div>
<div class="username">@{{ profile.acct }}</div> <div class="actor-address">@{{ getActorAddress(profile) }}</div>
</div> </div>
</router-link> </router-link>
</template> </template>
@ -13,6 +13,9 @@
/* eslint-disable @typescript-eslint/no-unused-vars */ /* eslint-disable @typescript-eslint/no-unused-vars */
import { Profile } from "@/api/users" import { Profile } from "@/api/users"
import Avatar from "@/components/Avatar.vue" import Avatar from "@/components/Avatar.vue"
import { useInstanceInfo } from "@/store/instance"
const { getActorAddress } = useInstanceInfo()
const props = defineProps<{ const props = defineProps<{
profile: Profile, profile: Profile,
@ -41,7 +44,7 @@ const props = defineProps<{
color: $text-color; color: $text-color;
} }
.username { .actor-address {
color: $secondary-text-color; color: $secondary-text-color;
} }
} }