From 14977ed2b703aaeafb26fd811035ed8fa7166ee0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Acid=20Chicken=20=28=E7=A1=AB=E9=85=B8=E9=B6=8F=29?=
<root@acid-chicken.com>
Date: Fri, 31 Mar 2023 07:47:03 +0000
Subject: [PATCH] fix: the avatar in the title bar is clipped
---
.../src/components/global/MkPageHeader.vue | 17 +++++++++--------
1 file 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;
+ $size: 32px;
+ contain: strict;
+ overflow: clip;
+ width: $size;
+ height: $size;
+ padding: 8px;
+ flex-shrink: 0;
}
.titleAvatar {
- $size: 32px;
- display: inline-block;
- width: $size;
- height: $size;
- vertical-align: bottom;
- margin: 0 8px;
+ width: 100%;
+ height: 100%;
pointer-events: none;
}