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

Aligns AccountView to top of page

Browse source
This commit is contained in:
Andrew Nicolaou 2019-05-14 19:50:54 +02:00 committed by Cassie Tarakajian
parent 504eacaf64
commit ed87d4cd26
3 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/modules/User/components/APIKeyForm.jsx
View file

@ -44,7 +44,7 @@ function TokenMetadataList({ tokens, onRemove }) {
); );
const newKeyValue = v.token && ( const newKeyValue = v.token && (
<tr key={v.id}> <tr key={`${v.id}-newKey`}>
<td colSpan="4"> <td colSpan="4">
<NewTokenDisplay token={v.token} /> <NewTokenDisplay token={v.token} />
</td> </td>

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

@ -38,7 +38,7 @@ class AccountView extends React.Component {
render() { render() {
return ( return (
<section className="account form-container"> <section className="form-container form-container--align-top">
<Helmet> <Helmet>
<title>p5.js Web Editor | Account</title> <title>p5.js Web Editor | Account</title>
</Helmet> </Helmet>

4
client/styles/components/_form-container.scss
View file

@ -6,6 +6,10 @@
align-items: center; align-items: center;
} }
.form-container--align-top {
height: unset;
}
.form-container__header { .form-container__header {
width: 100%; width: 100%;
padding: #{15 / $base-font-size}rem #{34 / $base-font-size}rem; padding: #{15 / $base-font-size}rem #{34 / $base-font-size}rem;