potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

all avatars stay round regardless of img; EventCard online span colored; EditView footer bar colored

Browse source
This commit is contained in:
xcexec 2024-10-22 12:40:44 +02:00
parent 206383fdb7
commit 14c85f760c
12 changed files with 24 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Account/ActorInline.vue
View file

@ -5,11 +5,9 @@
<div class="flex-none">
<figure v-if="actor.avatar">
<img
class="rounded-xl"
class="w-8 h-8 rounded-full object-cover"
:src="actor.avatar.url"
alt=""
width="36"
height="36"
loading="lazy"
/>
</figure>

16
src/components/Comment/EventComment.vue
View file

@ -1,6 +1,6 @@
<template>
<li
class="bg-white dark:bg-slate-800 rounded p-2"
class="bg-white dark:bg-zinc-800 rounded p-2"
:class="{
reply: comment.inReplyToComment,
'bg-mbz-purple-50 dark:bg-mbz-purple-500': comment.isAnnouncement,
@ -19,11 +19,9 @@
>
<figure>
<img
class="rounded-xl"
class="w-6 h-6 rounded-full object-cover"
:src="actorComment.avatar.url"
alt=""
width="24"
height="24"
/>
</figure>
</popover-actor-card>
@ -59,7 +57,7 @@
<div v-else>{{ t("[This comment has been deleted]") }}</div>
<nav class="flex gap-1 mt-1" v-if="!comment.deletedAt">
<button
class="cursor-pointer flex hover:bg-slate-300 dark:hover:bg-slate-600 rounded p-1"
class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"
v-if="
currentActor?.id &&
!readOnly &&
@ -74,7 +72,7 @@
<o-dropdown aria-role="list" v-show="!readOnly">
<template #trigger>
<button
class="cursor-pointer flex hover:bg-slate-300 dark:hover:bg-slate-600 rounded p-1"
class="cursor-pointer flex hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"
>
<DotsHorizontal />
<span class="sr-only">{{ t("More options") }}</span>
@ -104,7 +102,7 @@
<button
v-if="!showReplies"
@click="showReplies = true"
class="flex cursor-pointer hover:bg-slate-300 dark:hover:bg-slate-600 rounded p-1"
class="flex cursor-pointer hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"
>
<ChevronDown />
<span>{{
@ -120,7 +118,7 @@
<button
v-else-if="comment.totalReplies && showReplies"
@click="showReplies = false"
class="flex cursor-pointer hover:bg-slate-300 dark:hover:bg-slate-600 rounded p-1"
class="flex cursor-pointer hover:bg-zinc-300 dark:hover:bg-zinc-600 rounded p-1"
>
<ChevronUp />
<span>{{ t("Hide replies") }}</span>
@ -402,6 +400,6 @@ const dateFnsLocale = inject<Locale>("dateFnsLocale");
</script>
<style>
article.mbz-comment .mention.h-card {
@apply inline-block border border-slate-600 dark:border-slate-300 rounded py-0.5 px-1;
@apply inline-block border border-zinc-600 dark:border-zinc-300 rounded py-0.5 px-1;
}
</style>

4
src/components/Discussion/DiscussionComment.vue
View file

@ -5,11 +5,9 @@
<div class="">
<figure class="" v-if="comment.actor && comment.actor.avatar">
<img
class="rounded-xl"
class="w-8 h-8 rounded-full object-cover"
:src="comment.actor.avatar.url"
alt=""
:width="48"
:height="48"
/>
</figure>
<AccountCircle :size="48" v-else />

4
src/components/Discussion/DiscussionListItem.vue
View file

@ -15,11 +15,9 @@
"
>
<img
class="rounded-xl"
class="w-8 h-8 rounded-full object-cover"
:src="discussion.lastComment.actor.avatar.url"
alt=""
width="32"
height="32"
/>
</figure>
<account-circle :size="32" v-else />

6
src/components/Event/EventCard.vue
View file

@ -88,11 +88,9 @@
>
<figure class="" v-if="actorAvatarURL">
<img
class="rounded-xl"
class="w-5 h-5 rounded-full object-cover"
:src="actorAvatarURL"
alt=""
width="24"
height="24"
loading="lazy"
/>
</figure>
@ -107,7 +105,7 @@
:physical-address="event.physicalAddress"
/>
<div
class="flex items-center text-sm"
class="bg-fomo-card-2 flex items-center text-black text-sm"
dir="auto"
v-else-if="event.options && event.options.isOnline"
>

8
src/components/Event/EventParticipationCard.vue
View file

@ -11,11 +11,9 @@
v-if="participation.actor.avatar"
>
<img
class="rounded"
class="w-6 h-6 rounded-full object-cover"
:src="participation.actor.avatar.url"
alt=""
height="24"
width="24"
/>
</figure>
<AccountCircle class="ltr:pr-1 rtl:pl-1" v-else />
@ -103,11 +101,9 @@
<div class="flex gap-1">
<figure class="" v-if="actorAvatarURL">
<img
class="rounded"
class="w-6 h-6 rounded-full object-cover"
:src="actorAvatarURL"
alt=""
width="24"
height="24"
/>
</figure>
<AccountCircle v-else />

8
src/components/Event/OrganizerPickerWrapper.vue
View file

@ -44,12 +44,10 @@
@click="isComponentModalActive = true"
>
<img
class="rounded"
class="w-7 h-7 rounded-full object-cover"
v-if="selectedActor.avatar"
:src="selectedActor.avatar.url"
:alt="selectedActor.avatar.alt"
width="48"
height="48"
/>
<AccountCircle v-else :size="48" />
</span>
@ -99,11 +97,9 @@
<div class="">
<figure class="" v-if="actor.avatar">
<img
class="rounded"
class="w-7 h-7 rounded-full object-cover"
:src="actor.avatar.url"
:alt="actor.avatar.alt"
width="48"
height="48"
/>
</figure>
<AccountCircle v-else :size="48" />

4
src/components/Event/ParticipationButton.vue
View file

@ -92,11 +92,9 @@
<div class="flex gap-2 items-center">
<figure class="" v-if="currentActor?.avatar">
<img
class="rounded-xl"
class="w-6 h-6 rounded-full object-cover"
:src="currentActor.avatar.url"
alt=""
width="24"
height="24"
/>
</figure>
<AccountCircle v-else />

10
src/components/Group/GroupMemberCard.vue
View file

@ -6,12 +6,10 @@
>
<figure class="" v-if="member.actor.avatar">
<img
class="rounded-xl"
:src="member.actor.avatar.url"
alt=""
width="24"
height="24"
/>
class="w-8 h-8 rounded-full object-cover"
:src="member.actor.avatar.url"
alt=""
/>
</figure>
<AccountCircle v-else :size="24" />
{{ displayNameAndUsername(member.actor) }}

4
src/views/Admin/AdminGroupProfile.vue
View file

@ -123,11 +123,9 @@
>
<figure v-if="props.row.actor.avatar">
<img
class="rounded"
class="w-7 h-7 rounded-full object-cover"
:src="props.row.actor.avatar.url"
alt=""
width="48"
height="48"
/>
</figure>
<AccountCircle :size="48" v-else />

2
src/views/Event/EditView.vue
View file

@ -504,7 +504,7 @@
<nav
role="navigation"
aria-label="main navigation"
class="bg-mbz-yellow-alt-200 p-3 mt-3 rounded"
class="bg-fomo-card-1 p-3 mt-3 rounded"
:class="{ 'is-fixed-bottom': showFixedNavbar }"
v-if="hasCurrentActorPermissionsToEdit"
>

4
src/views/Group/GroupFollowers.vue
View file

@ -57,11 +57,9 @@
<article class="flex gap-1">
<figure v-if="props.row.actor.avatar">
<img
class="rounded"
class="w-7 h-7 rounded-full object-cover"
:src="props.row.actor.avatar.url"
alt=""
width="48"
height="48"
/>
</figure>
<AccountCircle v-else :size="48" />