fix overflow behavior
This commit is contained in:
parent
d417945427
commit
3e23b34168
2 changed files with 9 additions and 15 deletions
|
@ -1,9 +1,9 @@
|
|||
<template>
|
||||
<ul class="avatars">
|
||||
<li class="avatars-item" v-for="avatar in slicedAvatars">
|
||||
<div class="avatars">
|
||||
<div class="avatars-item" v-for="avatar in slicedAvatars">
|
||||
<UserAvatar :src="avatar.profile_image_url" class="avatar-small" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script src="./avatar_list.js" ></script>
|
||||
|
@ -20,11 +20,11 @@
|
|||
flex-wrap: wrap;
|
||||
height: 24px;
|
||||
|
||||
li.avatars-item {
|
||||
.avatars-item {
|
||||
margin: 0 0 5px 5px;
|
||||
|
||||
&:first-child {
|
||||
padding-left: 10px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.avatar-small {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue