diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 764bb82..827c52e 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,6 +1,6 @@
-
+
@@ -12,11 +12,13 @@ export default {
props: {
msg: String
},
- data(){
- return{
- content:{title:"My name is "+this.id,
- message:"This is my message "
- }
+ data() {
+ return {
+ content: {
+ title: "My name is go sgi sisd sidsoiosdvosdin wefewuifewfiun " + this.id,
+ message: "This is my message ",
+ status: 'error'
+ }
}
}
}
diff --git a/src/components/Whoosh/Card.vue b/src/components/Whoosh/Card.vue
index 68830fc..fa6afd0 100644
--- a/src/components/Whoosh/Card.vue
+++ b/src/components/Whoosh/Card.vue
@@ -1,20 +1,28 @@
-
-
-
-
{{content.title}}
-
{{content.message}}
-
-
+
+
+
+
+
{{content.title}}
+
{{content.message}}
+
+
+
@@ -80,12 +113,26 @@ export default {
right: 10px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.07);
background-color: white;
+ display: flex;
}
.card__status {
- background-color: green;
width: 10px;
height: 190px;
border-radius: 20px;
+ margin-top: 5px;
+ margin-left: 5px;
+}
+.card__body {
+ width: 100%;
+ margin: 10px;
+ text-align: left;
+}
+.card__title {
+ border-bottom: black 1px solid;
+ padding-bottom: 8px;
+}
+.card__message {
+ padding-top: 10px;
}
diff --git a/src/components/Whoosh/Constant.js b/src/components/Whoosh/Constant.js
new file mode 100644
index 0000000..41776f7
--- /dev/null
+++ b/src/components/Whoosh/Constant.js
@@ -0,0 +1,5 @@
+export const status = {
+ success: "success",
+ warning: "warning",
+ error: "error"
+}
\ No newline at end of file
diff --git a/src/components/Whoosh/Whoosh.vue b/src/components/Whoosh/Whoosh.vue
index 1f1a5e3..88569f3 100644
--- a/src/components/Whoosh/Whoosh.vue
+++ b/src/components/Whoosh/Whoosh.vue
@@ -1,13 +1,16 @@
-
+
@@ -15,7 +18,7 @@