direct_conversation_info_page.vue (678B)
1 <template>
2 <div
3 ref="scrollable"
4 class="scrollable member-list"
5 >
6 <h4>
7 {{ $tc('direct_conversations.member', chatParticipants.length, { count: chatParticipants.length }) }}
8 </h4>
9 <div
10 v-for="user in chatParticipants"
11 :key="user.id"
12 class="member"
13 >
14 <BasicUserCard :user="user" />
15 </div>
16 </div>
17 </template>
18
19 <script src="./direct_conversation_info_page.js"></script>
20 <style lang="scss">
21 @import '../../_variables.scss';
22
23 .member-list {
24 h4 {
25 margin: 1.4em 1.4em 1em;
26 }
27
28 &.scrollable {
29 justify-content: flex-start !important;
30 padding-bottom: 60px;
31 }
32
33 .footer {
34 height: 60px;
35 }
36 }
37
38 </style>