diff options
| -rw-r--r-- | src/App.scss | 2 | ||||
| -rw-r--r-- | src/components/attachment/attachment.vue | 1 | ||||
| -rw-r--r-- | src/components/avatar_list/avatar_list.vue | 7 | ||||
| -rw-r--r-- | src/components/conversation/conversation.js | 1 |
4 files changed, 10 insertions, 1 deletions
diff --git a/src/App.scss b/src/App.scss index 52a786ad..284fa58b 100644 --- a/src/App.scss +++ b/src/App.scss @@ -47,6 +47,8 @@ body { color: var(--text, $fallback--text); max-width: 100vw; overflow-x: hidden; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } a { diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index c58bebd3..fc9cc7a2 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -68,6 +68,7 @@ max-height: 200px; max-width: 100%; display: flex; + align-items: center; video { max-width: 100%; } diff --git a/src/components/avatar_list/avatar_list.vue b/src/components/avatar_list/avatar_list.vue index c0238570..343ef529 100644 --- a/src/components/avatar_list/avatar_list.vue +++ b/src/components/avatar_list/avatar_list.vue @@ -1,6 +1,11 @@ <template> <div class="avatars"> - <router-link :to="userProfileLink(user)" class="avatars-item" v-for="user in slicedUsers"> + <router-link + :to="userProfileLink(user)" + class="avatars-item" + v-for="user in slicedUsers" + :key="user.id" + > <UserAvatar :user="user" class="avatar-small" /> </router-link> </div> diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js index b3074590..8ae89421 100644 --- a/src/components/conversation/conversation.js +++ b/src/components/conversation/conversation.js @@ -139,6 +139,7 @@ const conversation = { return (this.isExpanded) && id === this.status.id }, setHighlight (id) { + if (!id) return this.highlight = id this.$store.dispatch('fetchFavsAndRepeats', id) }, |