Convert upload page to vue

src/styles/_fa.scss

@@ -79,6 +79,9 @@ $fa-css-prefix: fa;
 .#{$fa-css-prefix}-config:before { content: fa-content($fa-var-cogs); }
 .#{$fa-css-prefix}-upload:before { content: fa-content($fa-var-cloud-upload); }
 
+/* Upload */
+.#{$fa-css-prefix}-save:before { content: fa-content($fa-var-floppy-disk); }
+
 /* Feed */
 .#{$fa-css-prefix}-post:before { content: fa-content($fa-var-comment); }
 .#{$fa-css-prefix}-media:before { content: fa-content($fa-var-photo-video); }

src/styles/_page.upload.scss

@@ -1,9 +1,20 @@
 #upload {
 	padding: 1em;
 	
-	.bar {
-		height: 18px;
-		background: green;
+	input[type="file"] {
+		border: 1px solid #333;
+		border-radius: 3px;
+	}
+
+	.progress {
+		margin: 1rem 0;
+  		border: 1px solid #333;
+		border-radius: 3px;
+
+		.bar {
+			height: 18px;
+			background: green;
+		}
 	}
 
 	.comment {
@@ -13,7 +24,8 @@
 			width: 30%;
 			max-width: 100px;
 		}
-		form {
+		
+		.form {
 			display: inline-block;
 			width: calc(70% - 1em);
 			min-width: calc(100% - 100px - 1em);
@@ -25,6 +37,7 @@
 				box-sizing: border-box;
 				padding: 0.5em;
 				border: 1px solid #333;
+				border-radius: 3px;
 			}
 			
 			.save {
@@ -32,5 +45,16 @@
 				padding: 0.5em;
 			}
 		}
-	}		
+	}
+	
+	.logs {
+		border: 1px solid #333;
+		border-radius: 3px;
+  		margin-top: 1rem;
+		padding: 1rem;
+
+		p.log {
+			margin: 0;
+		}
+	}
 }