From 229818d1d1e2d33fc107d836f710f27aa23bc868 Mon Sep 17 00:00:00 2001
From: lucasjs <lucas.tcjb@gmail.com>
Date: Tue, 14 Nov 2017 23:34:34 -0200
Subject: [PATCH] Edit components #1

---
 src/components/AlertMessage.vue    |  6 +++--
 src/components/FeedbackMessage.vue | 40 ++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 src/components/FeedbackMessage.vue

diff --git a/src/components/AlertMessage.vue b/src/components/AlertMessage.vue
index e3bda34..37d5942 100644
--- a/src/components/AlertMessage.vue
+++ b/src/components/AlertMessage.vue
@@ -23,7 +23,8 @@ export default {
 	computed: {
 		alertStyle() {
 			if (this.design === 'main' || !this.design) return 'alert--main';
-			if (this.design === 'danger') return 'alert--center';
+			if (this.design === 'danger') return 'alert--danger';
+			if (this.design === 'success') return 'alert--success';
 		},
 	},
 };
@@ -47,11 +48,12 @@ export default {
 		&--danger
 			color red
 
-        &--sucess
+        &--success
             color green
 
 		&__text
 			font-size 12pt
 			font-weight 300
 			margin 0
+			text-align center
 </style>
\ No newline at end of file
diff --git a/src/components/FeedbackMessage.vue b/src/components/FeedbackMessage.vue
new file mode 100644
index 0000000..3702e33
--- /dev/null
+++ b/src/components/FeedbackMessage.vue
@@ -0,0 +1,40 @@
+<template>
+	<div
+		class="feedback"
+	>	
+		<span class="feedback__text">
+			{{ msgText }}
+		</span>
+	</div>
+</template>
+
+<script>
+export default {
+	props: {
+		msgText: {
+			required: true,
+			type: String,
+		},		
+	},
+};
+</script>
+
+<style lang="stylus" scoped>
+	@import '../assets/styles/_colors'
+
+	*
+		box-sizing border-box
+
+	.feedback
+		background transparent
+		margin-bottom 20px
+		padding 15px
+		width 100%
+
+		&__text
+            color red
+			font-size 12pt
+			font-weight 300
+			margin 0
+            text-align center
+</style>
\ No newline at end of file