From 1fc1c20c87217dbc067cfea2a429e923ef2ee8b6 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 12 Dec 2021 20:34:26 +0100
Subject: [PATCH] feat: add extra prop for message center text

---
 src/components/misc/message.vue | 22 ++++++++++++++++++++--
 src/views/user/Login.vue        |  2 +-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/misc/message.vue b/src/components/misc/message.vue
index df60cc384..37d71eef8 100644
--- a/src/components/misc/message.vue
+++ b/src/components/misc/message.vue
@@ -1,18 +1,36 @@
 <template>
 	<div class="message-wrapper">
-		<div class="message" :class="variant">
+		<div class="message" :class="[variant, textAlignClass]">
 			<slot/>
 		</div>
 	</div>
 </template>
 
 <script lang="ts" setup>
-defineProps({
+import {computed} from 'vue'
+
+const props = defineProps({
 	variant: {
 		type: String,
 		default: 'info',
 	},
+	textAlign: {
+		type: String,
+		default: 'left',
+	},
 })
+
+const textAlignClass = computed(() => {
+	switch (props.textAlign) {
+		case 'left':
+			return ''
+		case 'right':
+			return 'has-text-right'
+		case 'center':
+			return 'has-text-centered'
+	}
+})
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index a59805f06..9fa583c57 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<message variant="success" class="has-text-centered mb-4" v-if="confirmedEmailSuccess">
+		<message variant="success" text-align="center" class="mb-4" v-if="confirmedEmailSuccess">
 			{{ $t('user.auth.confirmEmailSuccess') }}
 		</message>
 		<message variant="danger" v-if="errorMessage" class="mb-4">