diff options
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 22 |
1 files changed, 18 insertions, 4 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 5c956467..c1800d64 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -93,9 +93,23 @@ <a v-if="showingMore" href="#" class="status-unhider" @click.prevent="toggleShowMore">Show less</a> </div> - <div v-if='status.attachments && !hideSubjectStatus' class='attachments media-body'> - <attachment :size="attachmentSize" :status-id="status.id" :nsfw="nsfwClickthrough" :attachment="attachment" v-for="attachment in status.attachments" :key="attachment.id"> - </attachment> + <div v-if="status.attachments && !hideSubjectStatus" class="attachments media-body"> + <attachment + class="non-gallery" + v-for="attachment in nonGalleryAttachments" + :size="attachmentSize" + :nsfw="nsfwClickthrough" + :attachment="attachment" + :allowPlay="true" + :setMedia="setMedia()" + :key="attachment.id" + /> + <gallery + v-if="galleryAttachments.length > 0" + :nsfw="nsfwClickthrough" + :attachments="galleryAttachments" + :setMedia="setMedia()" + /> </div> <div v-if="!noHeading && !noReplyLinks" class='status-actions media-body'> @@ -561,7 +575,7 @@ a.unmute { } } -@media all and (max-width: 960px) { +@media all and (max-width: 800px) { .status-el { .retweet-info { .avatar { |