diff options
Diffstat (limited to 'src/components/status_content/status_content.vue')
| -rw-r--r-- | src/components/status_content/status_content.vue | 45 |
1 files changed, 21 insertions, 24 deletions
diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue index 2e71757d..90ce130d 100644 --- a/src/components/status_content/status_content.vue +++ b/src/components/status_content/status_content.vue @@ -1,8 +1,12 @@ <template> - <div class="StatusContent"> +<div + class="StatusContent" + :class="{ '-compact': compact }" +> <slot name="header" /> <StatusBody :status="status" + :compact="compact" :single-line="singleLine" :hide-mentions="hideMentions" @parseReady="$emit('parseReady', $event)" @@ -11,32 +15,20 @@ <poll :base-poll="status.poll" /> </div> - <div - v-if="status.attachments.length !== 0" + <gallery class="attachments media-body" - > - <attachment - v-for="attachment in nonGalleryAttachments" - :key="attachment.id" - class="non-gallery" - :size="attachmentSize" - :nsfw="nsfwClickthrough" - :attachment="attachment" - :allow-play="true" - :set-media="setMedia()" - @play="$emit('mediaplay', attachment.id)" - @pause="$emit('mediapause', attachment.id)" - /> - <gallery - v-if="galleryAttachments.length > 0" - :nsfw="nsfwClickthrough" - :attachments="galleryAttachments" - :set-media="setMedia()" - /> - </div> + v-if="status.attachments.length !== 0" + :nsfw="nsfwClickthrough" + :attachments="status.attachments" + :limit="this.compact ? 1 : 0" + :size="attachmentSize" + @setMedia="onMedia" + @play="$emit('mediaplay', attachment.id)" + @pause="$emit('mediapause', attachment.id)" + /> <div - v-if="status.card && !noHeading" + v-if="status.card && !noHeading && !compact" class="link-preview media-body" > <link-preview @@ -59,5 +51,10 @@ $status-margin: 0.75em; .StatusContent { flex: 1; min-width: 0; + &.-compact { + flex { + display: flex; + } + } } </style> |