diff options
| author | Shpuld Shpludson <shp@cock.li> | 2020-10-12 06:05:21 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2020-10-12 06:05:21 +0000 |
| commit | d86cd3e850fe1c47a52b7730fec126f5787ab439 (patch) | |
| tree | 65848d473255432819229b0abca542f1c3a37539 /src/components/user_avatar/user_avatar.vue | |
| parent | 3ca729d09880813420a263221cdc68bcca13a1fb (diff) | |
| parent | 414558665f8370390cf4c6dc3c79745217d8d522 (diff) | |
Merge branch 'feat/masto-ws-deletes' into 'develop'
Support for WS deletes
See merge request pleroma/pleroma-fe!1227
Diffstat (limited to 'src/components/user_avatar/user_avatar.vue')
| -rw-r--r-- | src/components/user_avatar/user_avatar.vue | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue index e4e4127c..eb3d375e 100644 --- a/src/components/user_avatar/user_avatar.vue +++ b/src/components/user_avatar/user_avatar.vue @@ -1,5 +1,6 @@ <template> <StillImage + v-if="user" class="Avatar" :alt="user.screen_name" :title="user.screen_name" @@ -7,6 +8,11 @@ :class="{ 'avatar-compact': compact, 'better-shadow': betterShadow }" :image-load-error="imageLoadError" /> + <div + v-else + class="Avatar -placeholder" + :class="{ 'avatar-compact': compact }" + /> </template> <script src="./user_avatar.js"></script> @@ -42,5 +48,10 @@ border-radius: $fallback--avatarAltRadius; border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius); } + + &.-placeholder { + background-color: $fallback--fg; + background-color: var(--fg, $fallback--fg); + } } </style> |