Mirrors/lossless-cut
1
0
Fork 0
mirror of https://github.com/mifi/lossless-cut.git synced 2024-11-21 18:02:35 +01:00
Code Issues Releases Activity

add help text on drop box

Browse Source
This commit is contained in:
Mikael Finstad 2019-01-27 15:28:48 +01:00
parent dc04cee6b5
commit 328a2cd6f8
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/main.css
View File

@ -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;
}

7
src/renderer.jsx
View File

@ -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,