diff options
| -rw-r--r-- | src/components/status/status.vue | 27 | ||||
| -rw-r--r-- | src/components/user_avatar/user_avatar.vue | 27 |
2 files changed, 27 insertions, 27 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index cf9d1c47..5bd5a8e9 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -502,33 +502,6 @@ } } -.avatar.still-image { - width: 48px; - height: 48px; - box-shadow: var(--avatarStatusShadow); - border-radius: $fallback--avatarRadius; - border-radius: var(--avatarRadius, $fallback--avatarRadius); - overflow: hidden; - position: relative; - - &.better-shadow { - box-shadow: var(--avatarStatusShadowInset); - filter: var(--avatarStatusShadowFilter) - } - - img { - width: 100%; - height: 100%; - } - - &.animated::before { - display: none; - } - - &.retweeted { - } -} - .status:hover .animated.avatar { canvas { display: none; diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue index 75a857ac..bbc99f96 100644 --- a/src/components/user_avatar/user_avatar.vue +++ b/src/components/user_avatar/user_avatar.vue @@ -3,3 +3,30 @@ </template> <script src="./user_avatar.js"></script> +<style lang="scss"> +@import '../../_variables.scss'; + +.avatar.still-image { + width: 48px; + height: 48px; + box-shadow: var(--avatarStatusShadow); + border-radius: $fallback--avatarRadius; + border-radius: var(--avatarRadius, $fallback--avatarRadius); + overflow: hidden; + position: relative; + + &.better-shadow { + box-shadow: var(--avatarStatusShadowInset); + filter: var(--avatarStatusShadowFilter) + } + + &.animated::before { + display: none; + } + + img { + width: 100%; + height: 100%; + } +} +</style> |