chat: add legibility to channel items

This commit is contained in:
Matilde Park 2020-07-16 14:15:37 -04:00
parent 365c801f10
commit 1da39bd41e
2 changed files with 4 additions and 4 deletions

View File

@ -13,7 +13,7 @@ export class ChannelItem extends Component {
render() {
const { props } = this;
const unreadElem = props.unread ? 'fw6' : '';
const unreadElem = props.unread ? 'fw6 white-d' : '';
const title = props.title;
@ -23,7 +23,7 @@ export class ChannelItem extends Component {
return (
<div
className={'z1 ph4 pv1 ' + selectedCss}
className={'z1 ph5 pv1 ' + selectedCss}
onClick={this.onClick.bind(this)}
>
<div className="w-100 v-mid">

View File

@ -15,7 +15,7 @@ export class GroupItem extends Component {
}
const channels = props.channels ? props.channels : [];
const first = (props.index === 0) ? 'mt1 ' : 'mt4 ';
const first = (props.index === 0) ? 'mt1 ' : 'mt6 ';
const channelItems = channels.sort((a, b) => {
if (props.index === 'dm') {
@ -82,7 +82,7 @@ export class GroupItem extends Component {
}
return (
<div className={first + 'relative'}>
<p className="f9 ph4 fw6 pb2 gray3">{title}</p>
<p className="f9 ph4 gray3">{title}</p>
{dmLink}
{channelItems}
</div>