diff --git a/packages/client/src/components/MkUserInfo.vue b/packages/client/src/components/MkUserInfo.vue
index 9ff5f8b6c3..ad3602330b 100644
--- a/packages/client/src/components/MkUserInfo.vue
+++ b/packages/client/src/components/MkUserInfo.vue
@@ -19,7 +19,7 @@
/>
-
@@ -35,16 +35,9 @@
i18n.ts.noAccountDescription
}}
-
+
-
+
-
9 ||
- props.user.description.length > 400
- )
+ (props.user.description.split("\n").length > 9 ||
+ props.user.description.length > 400),
);
let collapsed = $ref(isLong);
@@ -148,7 +139,6 @@ let collapsed = $ref(isLong);
}
}
-
.title {
position: relative;
display: block;
@@ -159,7 +149,7 @@ let collapsed = $ref(isLong);
background: var(--panel);
line-height: 1;
z-index: 4;
-
+
.avatar {
display: block;
position: absolute;
@@ -210,12 +200,10 @@ let collapsed = $ref(isLong);
position: relative;
max-height: calc(9em + 50px);
mask: linear-gradient(black calc(100% - 64px), transparent);
- -webkit-mask: linear-gradient(
- black calc(100% - 64px),
- transparent
- );
+ -webkit-mask: linear-gradient(black calc(100% - 64px), transparent);
}
- &.collapsed, &.truncate {
+ &.collapsed,
+ &.truncate {
:deep(br) {
display: none; // collapse white spaces
}
diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue
index 60a91c11bc..894e3dfb84 100644
--- a/packages/client/src/components/MkUserPreview.vue
+++ b/packages/client/src/components/MkUserPreview.vue
@@ -93,6 +93,5 @@ onMounted(() => {
width: 300px;
overflow: hidden;
transform-origin: center top;
-
}