add help text on drop box

pull/111/head
Mikael Finstad 8 years ago
parent dc04cee6b5
commit 328a2cd6f8

@ -115,9 +115,8 @@ input, button, textarea, :focus {
#drag-drop-field {
padding: 15vw 0;
border: 2vw dashed #252525;
color: #252525;
color: #303030;
margin: 7vw;
font-size: 9vw;
text-align: center;
white-space: nowrap;
}

@ -486,7 +486,12 @@ class App extends React.Component {
return (
<div>
{!this.state.filePath && <div id="drag-drop-field">DROP VIDEO</div>}
{!this.state.filePath && (
<div id="drag-drop-field">
<div style={{ fontSize: '9vw' }}>DROP VIDEO</div>
<div>PRESS H FOR HELP</div>
</div>
)}
{this.state.working && (
<div style={{
color: 'white', background: 'rgba(0, 0, 0, 0.3)', borderRadius: '.5em', margin: '1em', padding: '.2em .5em', position: 'absolute', zIndex: 1, top: 0, left: 0,

Loading…
Cancel
Save