ContactListItem: Add spacing above and below (for 'show members')
This commit is contained in:
parent
61f7b8360b
commit
f38647dfa5
2 changed files with 22 additions and 8 deletions
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue