diff --git a/css/index.styl b/css/index.styl index 339b54c..b8112f7 100644 --- a/css/index.styl +++ b/css/index.styl @@ -213,3 +213,29 @@ p { } } } + +label.myLabel input[type="file"] { + position: fixed; + top: -1000px; +} + +.myLabel { + border: 2px solid #CCC; + border-radius: 4px; + padding: 2px 5px; + margin: 2px; + background: #EEE; + display: inline-block; +} +.myLabel:hover { + background: #CCC; +} +.myLabel:active { + background: #CCF; +} +.myLabel :invalid + span { + color: #A44; +} +.myLabel :valid + span { + color: #4A4; +} diff --git a/lib/components/UploadPage.js b/lib/components/UploadPage.js index 8a0b6e5..8876392 100644 --- a/lib/components/UploadPage.js +++ b/lib/components/UploadPage.js @@ -48,7 +48,13 @@ export default class UploadPage extends React.Component {
Your files, delivered.
Drag the file into this window to get started.
- +Or + + . +