diff options
author | Joas Schilling <213943+nickvergessen@users.noreply.github.com> | 2022-03-15 12:52:25 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-15 12:52:25 +0300 |
commit | ee48e03ebf9ea74fdf1a5860af5c0041885f6595 (patch) | |
tree | f3f7e680ce02f7f1e176ecb184729cf4ebba47d2 /src/components/MessagesList/MessagesGroup/Message | |
parent | 40b59c60d2cacb75d6f4ef95a1cb3ff134793589 (diff) | |
parent | c7c6eafd53320bee249ac9b2a706bf6e51d8c786 (diff) |
Merge pull request #6982 from nextcloud/feat/6927/button-for-forwarder
6927: updated button for forwarder
Diffstat (limited to 'src/components/MessagesList/MessagesGroup/Message')
-rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue | 37 |
1 files changed, 22 insertions, 15 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue index cbdce0d78..0c9e59135 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue @@ -36,18 +36,20 @@ message has been forwarded --> <Modal v-else @close="handleClose"> - <EmptyContent icon="icon-checkmark" class="forwarded-confirmation__emptycontent"> - <template #desc> - {{ t('spreed', 'The message has been forwarded to {selectedConversationName}', { selectedConversationName }) }} - </template> - </EmptyContent> - <div class="forwarded-confirmation__navigation"> - <button @click="handleClose"> - {{ t('spreed', 'Dismiss') }} - </button> - <button class="primary" @click="openConversation"> - {{ t('spreed', 'Go to conversation') }} - </button> + <div class="forwarder"> + <EmptyContent icon="icon-checkmark" class="forwarded-confirmation__emptycontent"> + <template #desc> + {{ t('spreed', 'The message has been forwarded to {selectedConversationName}', { selectedConversationName }) }} + </template> + </EmptyContent> + <div class="forwarded-confirmation__navigation"> + <Button type="tertiary" @click="handleClose"> + {{ t('spreed', 'Dismiss') }} + </Button> + <Button type="primary" @click="openConversation"> + {{ t('spreed', 'Go to conversation') }} + </Button> + </div> </div> </Modal> </div> @@ -59,6 +61,7 @@ import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent' import Modal from '@nextcloud/vue/dist/Components/Modal' import { showError } from '@nextcloud/dialogs' import cloneDeep from 'lodash/cloneDeep' +import Button from '@nextcloud/vue/dist/Components/Button' export default { name: 'Forwarder', @@ -67,6 +70,7 @@ export default { RoomSelector, EmptyContent, Modal, + Button, }, props: { @@ -188,12 +192,11 @@ export default { </script> <style lang="scss" scoped> - .forwarded-confirmation { &__emptycontent { - width: 280px; + width: 100%; text-align: center; - margin: 20px !important; + margin-top: 15vh !important; } &__navigation { display: flex; @@ -205,4 +208,8 @@ export default { } } +.forwarder { + padding: 20px; +} + </style> |