diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2019-04-30 17:39:33 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2019-04-30 17:39:33 +0000 |
| commit | a954f56e3444e921dcf5ff6651e443ac110f1804 (patch) | |
| tree | de2de7d792a17ccd1ac74773cd05f3d18c2de60e /src/components/avatar_list/avatar_list.vue | |
| parent | 0f7f685c5e720d870cc732f07f68fb6eac278a68 (diff) | |
| parent | b1bd5bd08eccbe93d37aa1708692cad50003fd58 (diff) | |
Merge branch 'brendenbice1222/pleroma-fe-issues/pleroma-fe-202-show-boosted-users' into 'develop'
Show favoriting and repeating users in hilighted status
See merge request pleroma/pleroma-fe!768
Diffstat (limited to 'src/components/avatar_list/avatar_list.vue')
| -rw-r--r-- | src/components/avatar_list/avatar_list.vue | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/components/avatar_list/avatar_list.vue b/src/components/avatar_list/avatar_list.vue new file mode 100644 index 00000000..b14474ba --- /dev/null +++ b/src/components/avatar_list/avatar_list.vue @@ -0,0 +1,38 @@ +<template> + <div class="avatars"> + <div class="avatars-item" v-for="avatar in slicedAvatars"> + <UserAvatar :src="avatar.profile_image_url" class="avatar-small" /> + </div> + </div> +</template> + +<script src="./avatar_list.js" ></script> + +<style lang="scss"> +@import '../../_variables.scss'; + +.avatars { + display: flex; + margin: 0; + padding: 0; + + // For hiding overflowing elements + flex-wrap: wrap; + height: 24px; + + .avatars-item { + margin: 0 0 5px 5px; + + &:first-child { + padding-left: 5px; + } + + .avatar-small { + border-radius: $fallback--avatarAltRadius; + border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius); + height: 24px; + width: 24px; + } + } +} +</style> |