last version

Author: adamsyy

src/components/Main.css

@@ -8,6 +8,16 @@ width: 120px;
 
 
 }
+
+input[type=file]::file-selector-button {
+    border: 2px solid black;
+    padding: .2em .4em;
+    border-radius: .2em;
+    background-color: rgb(211, 208, 208);
+    transition: 1s;
+    color: rgb(0, 0, 0);   
+  }
+
 input[type=text]{
     width: 100%;
 
@@ -38,6 +48,7 @@ width: 100px;
 
 
     font-size: 12px;
+    padding: 7px 10px;
 
 }
 

src/components/Main.js

@@ -41,7 +41,7 @@ class Main extends Component {
                             placeholder="description..."
                             required />
                       </div>
-                      <div class="onelinee" >  <input type="file"  onChange={this.props.captureFile} className="btn btn-white"/> </div>
+                      <div class="onelinee" >  <input type="file"  onChange={this.props.captureFile} className="btn btn-white]"/> </div>
 
                 <div class="onelinee" >  <button type="submit"  style={{ color: "white", background: "black"}}  className="btn btn-dark"><b>Upload!</b></button> 
                 </div>