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

Adds theme-aware CSS for "user" pages

Browse source
This commit is contained in:
Andrew Nicolaou 2019-05-22 15:37:56 +02:00 committed by Cassie Tarakajian
parent e210d8ce06
commit 5e74be46fd
8 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -65,7 +65,7 @@ class EmailVerificationView extends React.Component {
} }
return ( return (
<div className="form-container"> <div className="form-container user">
<Helmet> <Helmet>
<title>p5.js Web Editor | Email Verification</title> <title>p5.js Web Editor | Email Verification</title>
</Helmet> </Helmet>

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

@ -34,7 +34,7 @@ class LoginView extends React.Component {
return null; return null;
} }
return ( return (
<div className="form-container"> <div className="form-container user">
<Helmet> <Helmet>
<title>p5.js Web Editor | Login</title> <title>p5.js Web Editor | Login</title>
</Helmet> </Helmet>

3
client/modules/User/pages/NewPasswordView.jsx
View file

@ -31,7 +31,8 @@ class NewPasswordView extends React.Component {
const newPasswordClass = classNames({ const newPasswordClass = classNames({
'new-password': true, 'new-password': true,
'new-password--invalid': this.props.user.resetPasswordInvalid, 'new-password--invalid': this.props.user.resetPasswordInvalid,
'form-container': true 'form-container': true,
'user': true
}); });
return ( return (
<div className={newPasswordClass}> <div className={newPasswordClass}>

3
client/modules/User/pages/ResetPasswordView.jsx
View file

@ -30,7 +30,8 @@ class ResetPasswordView extends React.Component {
const resetPasswordClass = classNames({ const resetPasswordClass = classNames({
'reset-password': true, 'reset-password': true,
'reset-password--submitted': this.props.user.resetPasswordInitiate, 'reset-password--submitted': this.props.user.resetPasswordInitiate,
'form-container': true 'form-container': true,
'user': true
}); });
return ( return (
<div className={resetPasswordClass}> <div className={resetPasswordClass}>

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

@ -34,7 +34,7 @@ class SignupView extends React.Component {
return null; return null;
} }
return ( return (
<div className="form-container"> <div className="form-container user">
<Helmet> <Helmet>
<title>p5.js Web Editor | Signup</title> <title>p5.js Web Editor | Signup</title>
</Helmet> </Helmet>

6
client/styles/layout/_user.scss Normal file
View file

@ -0,0 +1,6 @@
.user {
@include themify() {
color: getThemifyVariable('primary-text-color');
background-color: getThemifyVariable('background-color');
}
}

1
client/styles/main.scss
View file

@ -48,3 +48,4 @@
@import 'layout/ide'; @import 'layout/ide';
@import 'layout/fullscreen'; @import 'layout/fullscreen';
@import 'layout/user';