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; - }