diff --git a/js/src/components/Account/ActorCard.vue b/js/src/components/Account/ActorCard.vue index 448ca385c..62eb1a70a 100644 --- a/js/src/components/Account/ActorCard.vue +++ b/js/src/components/Account/ActorCard.vue @@ -31,7 +31,11 @@

@@ -95,3 +99,8 @@ export default class ActorCard extends Vue { displayName = displayName; } + diff --git a/js/src/views/Admin/AdminGroupProfile.vue b/js/src/views/Admin/AdminGroupProfile.vue index a330a69f8..67c6d1b4a 100644 --- a/js/src/views/Admin/AdminGroupProfile.vue +++ b/js/src/views/Admin/AdminGroupProfile.vue @@ -14,8 +14,8 @@ }, ]" /> -
-

+

+

-table, -section { - margin: 2rem 0; -} - -.actor-card { - background: #fff; - padding: 1.5rem; - border-radius: 10px; -} - diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue index cbc5d5451..ad5cfc7da 100755 --- a/js/src/views/Event/Event.vue +++ b/js/src/views/Event/Event.vue @@ -24,10 +24,14 @@ :actor="event.organizerActor" :inline="true" > - - @{{ usernameWithDomain(event.organizerActor) }} + + {{ + displayName(event.organizerActor) + }}
@@ -36,9 +40,23 @@ :actor="event.attributedTo" :inline="true" > - - @{{ usernameWithDomain(event.attributedTo) }} + {{ displayName(event.attributedTo) }} @@ -474,7 +492,13 @@ import { } from "../../graphql/event"; import { CURRENT_ACTOR_CLIENT, PERSON_STATUS_GROUP } from "../../graphql/actor"; import { EventModel, IEvent } from "../../types/event.model"; -import { IActor, IPerson, Person, usernameWithDomain } from "../../types/actor"; +import { + displayName, + IActor, + IPerson, + Person, + usernameWithDomain, +} from "../../types/actor"; import { GRAPHQL_API_ENDPOINT } from "../../api/_entrypoint"; import DateCalendarIcon from "../../components/Event/DateCalendarIcon.vue"; import MultiCard from "../../components/Event/MultiCard.vue"; @@ -659,6 +683,8 @@ export default class Event extends EventMixin { usernameWithDomain = usernameWithDomain; + displayName = displayName; + RouteName = RouteName; observer!: IntersectionObserver; diff --git a/js/tailwind.config.js b/js/tailwind.config.js index 789383b10..75a55ff73 100644 --- a/js/tailwind.config.js +++ b/js/tailwind.config.js @@ -16,6 +16,9 @@ module.exports = { secondary: withOpacityValue("--color-secondary"), "violet-title": withOpacityValue("--color-violet-title"), }, + lineClamp: { + 10: "10", + }, }, }, plugins: [require("@tailwindcss/line-clamp")],