diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-09-06 15:28:09 +0300 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-09-06 15:28:09 +0300 |
| commit | 40ca0b394ea066dea95c672eb0a42a35c9e65317 (patch) | |
| tree | 31ca497e91d5c9379186ab2fa5d217edf3dbb83b /src/components/user_avatar | |
| parent | a73b09c73202117ffa3fecf7a9185981d6696912 (diff) | |
add basic deletes support that works with masto WS
Diffstat (limited to 'src/components/user_avatar')
| -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> |