Remove Or, and Drag ... text.

nb/hide-http
Neeraj Baid 11 years ago
parent 6f7badb1a1
commit f2d4906c2d

@ -31,6 +31,10 @@ p {
margin: 0 0
}
p.subtitle {
font: 16px/22px "Quicksand", sans-serif
}
.drop-zone {
width: 100%
height: 100%
@ -214,25 +218,22 @@ p {
}
}
label.myLabel input[type="file"] {
label.select-file-label input[type="file"] {
position: fixed;
top: -1000px;
}
.myLabel {
.select-file-label {
border: 2px solid #CCC;
border-radius: 4px;
padding: 2px 5px;
margin-left: 4px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
margin-top: 5px;
background: #EEE;
display: inline-block;
}
.myLabel:hover {
.select-file-label:hover {
background: #CCC;
}
.myLabel:active {
.select-file-label:active {
background: #BBB;
}

@ -53,14 +53,12 @@ export default class UploadPage extends React.Component {
<Spinner dir="up" />
<h1>FilePizza</h1>
<p>Your files, delivered.</p>
<p>Drag the file into this window to get started.</p>
<p>Or,
<label className="myLabel">
<p className="subtitle">Your files, delivered.</p>
<p>
<label className="select-file-label">
<input type="file" onChange={this.handleSelectedFile} required/>
<span>select a file</span>
</label>
.
</p>
</Centered>
</DropZone>

Loading…
Cancel
Save