Skip to content

Commit 8480702

Browse files
committed
fix(message): fixed misaligned author info
1 parent e2d8b33 commit 8480702

File tree

1 file changed

+10
-2
lines changed

1 file changed

+10
-2
lines changed

packages/core/src/components/discord-message/DiscordMessage.ts

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,13 +41,16 @@ export class DiscordMessage extends LitElement implements DiscordMessageProps, L
4141
4242
.discord-message-inner {
4343
display: flex;
44-
align-items: center;
4544
position: relative;
4645
-webkit-box-flex: 0;
4746
-ms-flex: 0 0 auto;
4847
flex: 0 0 auto;
4948
}
5049
50+
.discord-message-inner-center {
51+
align-items: center;
52+
}
53+
5154
:host([message-body-only]) {
5255
margin-top: 0px !important;
5356
padding-top: 0.125rem !important;
@@ -401,7 +404,12 @@ export class DiscordMessage extends LitElement implements DiscordMessageProps, L
401404

402405
return html`
403406
<slot name="reply"></slot>
404-
<div class="discord-message-inner">
407+
<div
408+
class=${classMap({
409+
'discord-message-inner': true,
410+
'discord-message-inner-center': this.messageBodyOnly
411+
})}
412+
>
405413
${when(
406414
this.compactMode && !this.messageBodyOnly,
407415
() => html`<time datetime="${ifDefined(computedTimestamp)}" class="discord-message-timestamp">${computedTimestamp}</time>`,

0 commit comments

Comments
 (0)