r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Adds spacing around social login button

Browse source
This commit is contained in:
Andrew Nicolaou 2019-05-22 16:30:46 +02:00 committed by Cassie Tarakajian
parent 34fea139f2
commit fe513fdb54
2 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/modules/User/pages/AccountView.jsx
View file

@ -60,11 +60,13 @@ class AccountView extends React.Component {
</TabList> </TabList>
<TabPanel> <TabPanel>
<AccountForm {...this.props} /> <AccountForm {...this.props} />
<div className="account__social">
<h2 className="form-container__divider">Social Login</h2> <h2 className="form-container__divider">Social Login</h2>
<p className="form-container__context"> <p className="account__social__context">
Link this account with your GitHub account to allow login from both. Link this account with your GitHub account to allow login from both.
</p> </p>
<GithubButton buttonText="Login with GitHub" /> <GithubButton buttonText="Login with GitHub" />
</div>
</TabPanel> </TabPanel>
<TabPanel> <TabPanel>
<APIKeyForm {...this.props} /> <APIKeyForm {...this.props} />

4
client/styles/components/_account.scss
View file

@ -2,3 +2,7 @@
width: 500px; width: 500px;
padding-top: #{20 / $base-font-size}rem; padding-top: #{20 / $base-font-size}rem;
} }
.account__social__context {
padding-bottom: #{15 / $base-font-size}rem;
}