Change the max container width to 30rem.

master
Tom Hacohen 6 years ago
parent 8e8397eef1
commit 7336fe5527

@ -86,7 +86,7 @@ class JournalEdit extends React.PureComponent<PropsTypeInner> {
return ( return (
<> <>
<AppBarOverride title={pageTitle} /> <AppBarOverride title={pageTitle} />
<Container style={{maxWidth: 400}}> <Container style={{maxWidth: '30rem'}}>
<form onSubmit={this.onSubmit}> <form onSubmit={this.onSubmit}>
<FormControl disabled={this.props.item !== undefined} style={styles.fullWidth} > <FormControl disabled={this.props.item !== undefined} style={styles.fullWidth} >
<InputLabel> <InputLabel>

@ -36,7 +36,7 @@ class JournalMembers extends React.PureComponent<PropsTypeInner> {
return ( return (
<> <>
<AppBarOverride title={`${info.displayName} - Members`} /> <AppBarOverride title={`${info.displayName} - Members`} />
<Container style={{maxWidth: 400}}> <Container style={{maxWidth: '30rem'}}>
{ members ? { members ?
(members.length > 0 ? (members.length > 0 ?
<List> <List>

@ -47,7 +47,7 @@ class LoginGate extends React.Component {
}; };
return ( return (
<Container style={{maxWidth: 400}}> <Container style={{maxWidth: '30rem'}}>
<h2>Please Log In</h2> <h2>Please Log In</h2>
<LoginForm <LoginForm
onSubmit={this.onFormSubmit} onSubmit={this.onFormSubmit}
@ -71,7 +71,7 @@ class LoginGate extends React.Component {
); );
} else if (this.props.credentials.value.encryptionKey === null) { } else if (this.props.credentials.value.encryptionKey === null) {
return ( return (
<Container style={{maxWidth: 400}}> <Container style={{maxWidth: '30rem'}}>
<h2>Encryption Password</h2> <h2>Encryption Password</h2>
<p> <p>
You are logged in as <strong>{this.props.credentials.value.credentials.email}</strong>. You are logged in as <strong>{this.props.credentials.value.credentials.email}</strong>.

@ -133,7 +133,7 @@ const CollectionRoutes = withStyles(styles)(withRouter(
path={routeResolver.getRoute(props.routePrefix + '.new')} path={routeResolver.getRoute(props.routePrefix + '.new')}
exact={true} exact={true}
render={({match}) => ( render={({match}) => (
<Container style={{maxWidth: 400}}> <Container style={{maxWidth: '30rem'}}>
<ComponentEdit <ComponentEdit
collections={props.collections} collections={props.collections}
onSave={props.onItemSave} onSave={props.onItemSave}
@ -146,7 +146,7 @@ const CollectionRoutes = withStyles(styles)(withRouter(
path={routeResolver.getRoute(props.routePrefix + '._id.edit')} path={routeResolver.getRoute(props.routePrefix + '._id.edit')}
exact={true} exact={true}
render={({match}) => ( render={({match}) => (
<Container style={{maxWidth: 400}}> <Container style={{maxWidth: '30rem'}}>
{(match.params.itemUid in props.items) && {(match.params.itemUid in props.items) &&
<ComponentEdit <ComponentEdit
initialCollection={(props.items[match.params.itemUid] as any).journalUid} initialCollection={(props.items[match.params.itemUid] as any).journalUid}

Loading…
Cancel
Save