diff options
| author | shpuld <shp@cock.li> | 2019-04-22 21:07:29 +0300 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2019-04-22 21:07:29 +0300 |
| commit | 3e23b341687a94e0b5df74447a5e19bbfb59343b (patch) | |
| tree | 5b1b97e33c6f6957828917d6763a8985f9052494 /src/components/avatar_list/avatar_list.vue | |
| parent | d4179454277c10a3e2fda9f62b61a18151693d17 (diff) | |
fix overflow behavior
Diffstat (limited to 'src/components/avatar_list/avatar_list.vue')
| -rw-r--r-- | src/components/avatar_list/avatar_list.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/components/avatar_list/avatar_list.vue b/src/components/avatar_list/avatar_list.vue index fc5abf01..b14474ba 100644 --- a/src/components/avatar_list/avatar_list.vue +++ b/src/components/avatar_list/avatar_list.vue @@ -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 { |