aboutsummaryrefslogtreecommitdiff
path: root/src/components/attachment/attachment.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2020-10-28 21:21:35 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2020-10-28 21:21:35 +0000
commita84db4bd8f04bdfc14836f55f441aa8478265291 (patch)
treec5e08f042c0cbab4cc212e35c624d5afa65b85bc /src/components/attachment/attachment.vue
parente2c4816feb700d25bbeaebee6c5a67ae5f478e90 (diff)
parentef36ca44f613c3d7d2ea11a9ad4f7fe828f7ae83 (diff)
Merge branch 'fontawesome5' into 'develop'
FontAwesome 5 Closes #982 See merge request pleroma/pleroma-fe!1260
Diffstat (limited to 'src/components/attachment/attachment.vue')
-rw-r--r--src/components/attachment/attachment.vue16
1 files changed, 11 insertions, 5 deletions
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 19c713d5..f1fac2c8 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -12,7 +12,7 @@
:alt="attachment.description"
:title="attachment.description"
>
- <span :class="placeholderIconClass" />
+ <FAIcon :icon="placeholderIconClass" />
<b>{{ nsfw ? "NSFW / " : "" }}</b>{{ placeholderName }}
</a>
</div>
@@ -36,9 +36,10 @@
:src="nsfwImage"
:class="{'small': isSmall}"
>
- <i
+ <FAIcon
v-if="type === 'video'"
- class="play-icon icon-play-circled"
+ class="play-icon"
+ icon="play-circle"
/>
</a>
<div
@@ -83,9 +84,10 @@
@play="$emit('play')"
@pause="$emit('pause')"
/>
- <i
+ <FAIcon
v-if="!allowPlay"
- class="play-icon icon-play-circled"
+ class="play-icon"
+ icon="play-circle"
/>
</a>
@@ -142,6 +144,10 @@
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
+
+ svg {
+ color: inherit;
+ }
}
.nsfw-placeholder {