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

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

Loading…
Cancel
Save