Skip to content

Commit 75f6c0c

Browse files
committed
(UI) same height for rooms list
1 parent 775c062 commit 75f6c0c

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

src/ChatWindow/RoomsList.vue

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -185,15 +185,15 @@ export default {
185185
flex: 1 1 100%;
186186
padding: 0 16px;
187187
position: relative;
188-
min-height: 64px;
188+
min-height: 70px;
189189
}
190190
191191
.room-avatar {
192192
background-size: cover !important;
193193
background-position: center center !important;
194194
background-repeat: no-repeat !important;
195-
height: 35px;
196-
width: 35px;
195+
height: 42px;
196+
width: 42px;
197197
margin-right: 15px;
198198
border-radius: 50%;
199199
}
@@ -208,7 +208,7 @@ export default {
208208
-webkit-box-flex: 1;
209209
flex: 1 1;
210210
overflow: hidden;
211-
padding: 12px 0;
211+
padding: 8px 0;
212212
}
213213
214214
.room-name {
@@ -217,16 +217,19 @@ export default {
217217
overflow: hidden;
218218
text-overflow: ellipsis;
219219
white-space: nowrap;
220+
line-height: 20px;
220221
}
221222
222223
.text-last {
223224
color: #67717a !important;
224225
font-size: 12px;
226+
line-height: 15px;
225227
}
226228
227229
.text-date {
228230
color: #a2aeb8 !important;
229231
font-size: 11px;
232+
line-height: 15px;
230233
}
231234
232235
.room-disabled {

0 commit comments

Comments
 (0)