diff options
Diffstat (limited to 'src/components/AvatarWrapper/AvatarWrapper.vue')
| -rw-r--r-- | src/components/AvatarWrapper/AvatarWrapper.vue | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/src/components/AvatarWrapper/AvatarWrapper.vue b/src/components/AvatarWrapper/AvatarWrapper.vue index 08b2db1c3..60313b198 100644 --- a/src/components/AvatarWrapper/AvatarWrapper.vue +++ b/src/components/AvatarWrapper/AvatarWrapper.vue @@ -21,7 +21,10 @@ <template> <div class="avatar-wrapper" - :class="{'offline': offline}"> + :class="{ + 'offline': offline, + 'avatar-wrapper--condensed': condensed, + }"> <div v-if="iconClass" class="icon" :class="[`avatar-${sizeToString}px`, iconClass]" /> @@ -102,6 +105,11 @@ export default { type: String, default: undefined, }, + + condensed: { + type: Boolean, + default: false, + }, }, computed: { // Determines which icon is displayed @@ -141,6 +149,15 @@ export default { height: $avatar-size; width: $avatar-size; @include avatar-mixin($avatar-size); + &--condensed { + width: unset; + height: unset; + margin-left: -2px; + display: flex; + ::v-deep img { + outline: 2px solid var(--color-main-background); + } + } } .offline .avatar-wrapper .avatardiv { |