A few design tweaks.

pull/2/head
Alex Kern 11 years ago
parent 2e398cb391
commit 2e791f0919

@ -25,10 +25,6 @@ h1 {
margin: 0 0 10px; margin: 0 0 10px;
} }
h1.with-subtitle {
margin: 0;
}
a { a {
color: gray color: gray
} }
@ -39,16 +35,11 @@ strong {
p { p {
color: gray; color: gray;
font: 16px/22px "Quicksand", sans-serif; font: 18px/22px "Quicksand", sans-serif;
text-align: center; text-align: center;
margin: 0 0; margin: 0 0;
} }
p.subtitle {
font: 18px/24px "Quicksand", sans-serif;
margin-bottom: 10px;
}
p.byline { p.byline {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -243,16 +234,11 @@ p.byline {
} }
} }
label.select-file-label input[type="file"] {
position: fixed
top: -1000px
}
.select-file-label { .select-file-label {
border: 2px solid gray border: 2px solid gray
border-radius: 4px border-radius: 4px
padding: 2px 5px padding: 2px 5px
margin-top: 5px margin-top: 10px
background: light-gray background: light-gray
display: inline-block display: inline-block
cursor: pointer cursor: pointer
@ -263,4 +249,9 @@ label.select-file-label input[type="file"] {
background: white background: white
color: red color: red
} }
input[type="file"] {
position: fixed
top: -1000px
}
} }

@ -52,9 +52,9 @@ export default class UploadPage extends React.Component {
<Spinner dir="up" /> <Spinner dir="up" />
<h1 className="with-subtitle">FilePizza</h1> <h1>FilePizza</h1>
<p className="subtitle">Free peer-to-peer file transfers in your browser.</p> <p>Free peer-to-peer file transfers in your browser.</p>
<p className="subtitle">We never store anything.</p> <p>We never store anything. Files only served fresh.</p>
<p> <p>
<label className="select-file-label"> <label className="select-file-label">
<input type="file" onChange={this.handleSelectedFile} required/> <input type="file" onChange={this.handleSelectedFile} required/>

Loading…
Cancel
Save