oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity

ContactListItem: Add spacing above and below (for 'show members')

Browse source
This commit is contained in:
Scott Nonnenberg 2018-07-26 16:13:44 -07:00
parent 61f7b8360b
commit f38647dfa5
2 changed files with 22 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
stylesheets/_modules.scss
View file

@ -1290,6 +1290,8 @@
// Module: Contact List Item
.module-contact-list-item {
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-direction: row;
align-items: center;

28
ts/components/ContactListItem.md
View file

@ -15,15 +15,27 @@
#### With name and profile
Note the proper spacing between these two.
```jsx
<ContactListItem
i18n={util.i18n}
name="Someone 🔥 Somewhere"
phoneNumber="(202) 555-0011"
profileName="🔥Flames🔥"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
<div>
<ContactListItem
i18n={util.i18n}
name="Someone 🔥 Somewhere"
phoneNumber="(202) 555-0011"
profileName="🔥Flames🔥"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
<ContactListItem
i18n={util.i18n}
name="Another ❄️ Yes"
phoneNumber="(202) 555-0011"
profileName="❄️Ice❄️"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
</div>
```
#### With name and profile, verified