Use container all around to improve look.

master
Tom Hacohen 7 years ago
parent 87a2493956
commit 1987ea126d

@ -3,6 +3,8 @@ import { Route, Switch } from 'react-router';
import * as EteSync from './api/EteSync';
import Container from './Container';
import Contact from './Contact';
import Event from './Event';
import PimMain from './PimMain';
@ -82,14 +84,18 @@ class Pim extends React.Component {
path={routeResolver.getRoute('pim.contacts._id')}
exact={true}
render={({match}) => (
<Contact contact={addressBookItems.get(match.params.contactUid)} />
<Container>
<Contact contact={addressBookItems.get(match.params.contactUid)} />
</Container>
)}
/>
<Route
path={routeResolver.getRoute('pim.events._id')}
exact={true}
render={({match}) => (
<Event event={calendarItems.get(match.params.eventUid)} />
<Container>
<Event event={calendarItems.get(match.params.eventUid)} />
</Container>
)}
/>
</Switch>

@ -3,6 +3,8 @@ import { Tabs, Tab } from 'material-ui/Tabs';
import * as ICAL from 'ical.js';
import Container from './Container';
import AddressBook from './AddressBook';
import Calendar from './Calendar';
@ -60,13 +62,17 @@ class PimMain extends React.Component {
value={addressBookTitle}
label={addressBookTitle}
>
<AddressBook entries={this.props.contacts} onItemClick={this.contactClicked} />
<Container>
<AddressBook entries={this.props.contacts} onItemClick={this.contactClicked} />
</Container>
</Tab>
<Tab
value={calendarTitle}
label={calendarTitle}
>
<PersistCalendar entries={this.props.events} onItemClick={this.eventClicked} />
<Container>
<PersistCalendar entries={this.props.events} onItemClick={this.eventClicked} />
</Container>
</Tab>
</Tabs>
);

Loading…
Cancel
Save