diff --git a/src/components/Composer/Composer.vue b/src/components/Composer/Composer.vue index 057aec55..ec30c227 100644 --- a/src/components/Composer/Composer.vue +++ b/src/components/Composer/Composer.vue @@ -265,9 +265,14 @@ export default { computed: { /** @return {boolean} */ canPost() { + if (Object.values(this.attachments).some(({ data }) => data === null)) { + return false + } + if (Object.keys(this.attachments).length > 0) { return true } + return this.statusContent.length !== 0 && this.statusContent !== '
' }, }, diff --git a/src/components/PostAttachment.vue b/src/components/PostAttachment.vue index 54f0c317..35a429c4 100644 --- a/src/components/PostAttachment.vue +++ b/src/components/PostAttachment.vue @@ -7,7 +7,7 @@ @click="showModal(index)"> -
+
+
@@ -83,13 +83,14 @@ export default { width: 100%; border-radius: var(--border-radius-large); overflow: hidden; - height: 40vh; + background: var(--color-background-dark); .attachment { flex-grow: 1; flex-shrink: 1; flex-basis: calc(50% - 2px); cursor: pointer; + height: 20vh; } .more-attachments { @@ -98,6 +99,10 @@ export default { justify-content: center; font-size: 42px; line-height: 0px; + + &:hover { + background: var(--color-background-darker); + } } } } diff --git a/src/components/TimelinePost.vue b/src/components/TimelinePost.vue index 74df90ec..70e3b50b 100644 --- a/src/components/TimelinePost.vue +++ b/src/components/TimelinePost.vue @@ -26,9 +26,7 @@
-
- -
+