dan/wedding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add some button styles

Browse Source
This commit is contained in:
Dan Head
2017-09-14 20:38:53 +01:00
parent 3d33eaf30c
commit 029e28586b
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Login.js
View File

@@ -116,8 +116,8 @@ class Login extends React.Component {
<Link href="" onClick={this.authAnonymously}>Sign in anonymously</Link> <Link href="" onClick={this.authAnonymously}>Sign in anonymously</Link>
<p>or</p> <p>or</p>
<p>Sign in with:</p> <p>Sign in with:</p>
<button onClick={() => this.authWithProvider('facebook')}>Log in with Facebook</button> <Button onClick={() => this.authWithProvider('facebook')}>Facebook</Button>
<button onClick={() => this.authWithProvider('twitter')}>Log in with Twitter</button> <Button onClick={() => this.authWithProvider('twitter')}>Twitter</Button>
</div> </div>
) )
} }
@@ -175,7 +175,10 @@ const Input = styled.input`
border: 1px solid black; border: 1px solid black;
`; `;
const Button = styled.button` const Button = styled.button`
border: 1px solid black; background-color: lightblue;
padding: 15px;
border: 0;
color: ${Colours.nearblack}
` `
export default Login; export default Login;