summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAcid Chicken (硫酸鶏) <root@acid-chicken.com>2023-03-31 07:47:03 +0000
committerGitHub <noreply@github.com>2023-03-31 07:47:03 +0000
commit14977ed2b703aaeafb26fd811035ed8fa7166ee0 (patch)
tree35ba85e19eadf55b0b532a99995c2fb3c38facc7
parentMerge branch 'develop' into acid-chicken-patch-1 (diff)
downloadmisskey-14977ed2b703aaeafb26fd811035ed8fa7166ee0.tar.gz
misskey-14977ed2b703aaeafb26fd811035ed8fa7166ee0.tar.bz2
misskey-14977ed2b703aaeafb26fd811035ed8fa7166ee0.zip
fix: the avatar in the title bar is clipped
Diffstat (limited to '')
-rw-r--r--packages/frontend/src/components/global/MkPageHeader.vue17
1 files changed, 9 insertions, 8 deletions
diff --git a/packages/frontend/src/components/global/MkPageHeader.vue b/packages/frontend/src/components/global/MkPageHeader.vue
index 31f23486de..710edd797a 100644
--- a/packages/frontend/src/components/global/MkPageHeader.vue
+++ b/packages/frontend/src/components/global/MkPageHeader.vue
@@ -252,17 +252,18 @@ onUnmounted(() => {
}
.titleAvatarContainer {
- overflow: hidden;
- padding: 8px 0;
-}
-
-.titleAvatar {
$size: 32px;
- display: inline-block;
+ contain: strict;
+ overflow: clip;
width: $size;
height: $size;
- vertical-align: bottom;
- margin: 0 8px;
+ padding: 8px;
+ flex-shrink: 0;
+}
+
+.titleAvatar {
+ width: 100%;
+ height: 100%;
pointer-events: none;
}