Merge pull request #6982 from nextcloud/feat/6927/button-for-forwarder

6927: updated button for forwarder

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>