added lesson 43 code

Shaun Pelling · Shaun Pelling · commit 8c581e013d85 · 2017-04-03T20:19:09.000+01:00
diff --git a/src/components/addBlog.vue b/src/components/addBlog.vue
@@ -27,17 +27,6 @@
         <div v-if="submitted">
             <h3>Thanks for adding your post</h3>
         </div>
-        <div id="preview">
-            <h3>Preview blog</h3>
-            <p>Blog title: {{ blog.title }}</p>
-            <p>Blog content:</p>
-            <p style="white-space: pre">{{ blog.content }}</p>
-            <p>Blog Categories:</p>
-            <ul>
-                <li v-for="category in blog.categories">{{ category }}</li>
-            </ul>
-            <p>Author: {{ blog.author }}</p>
-        </div>
     </div>
 </template>
 
@@ -59,11 +48,7 @@ export default {
     },
     methods: {
         post: function(){
-            this.$http.post('http://jsonplaceholder.typicode.com/posts', {
-                title: this.blog.title,
-                body: this.blog.content,
-                userId: 1
-            }).then(function(data){
+            this.$http.post('https://nn-vue-playlist.firebaseio.com/posts.json', this.blog).then(function(data){
                 console.log(data);
                 this.submitted = true;
             });
diff --git a/src/components/header.vue b/src/components/header.vue
@@ -25,11 +25,11 @@ a{
     color: #fff;
     text-decoration: none;
     padding: 6px 8px;
-    border-radius: 10px;
+    border-radius: 5px;
 }
 nav{
     background: #444;
-    padding: 14px 0;
+    padding: 20px 0;
     margin-bottom: 40px;
 }
 .router-link-active{
diff --git a/src/components/showBlogs.vue b/src/components/showBlogs.vue
@@ -29,7 +29,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 #show-blogs{
     max-width: 800px;
     margin: 0px auto;
@@ -45,4 +45,10 @@ export default {
     color: #444;
     text-decoration: none;
 }
+input[type="text"]{
+    padding: 8px;
+    width: 100%;
+    box-sizing: border-box;
+}
+
 </style>

Original file line number	Diff line number	Diff line change
`@@ -25,11 +25,11 @@ a{`
`25`	`25`	`color: #fff;`
`26`	`26`	`text-decoration: none;`
`27`	`27`	`padding: 6px 8px;`
`28`		`- border-radius: 10px;`
	`28`	`+ border-radius: 5px;`
`29`	`29`	`}`
`30`	`30`	`nav{`
`31`	`31`	`background: #444;`
`32`		`- padding: 14px 0;`
	`32`	`+ padding: 20px 0;`
`33`	`33`	`margin-bottom: 40px;`
`34`	`34`	`}`
`35`	`35`	`.router-link-active{`