Ich habe das folgende CSS verwendet, um die Position anzupassen, und es funktioniert ziemlich gut.
/* Verwenden Sie Flexbox, um chat-channel-unread-indicator__number zu zentrieren */
.chat-channel-unread-indicator {
display: flex;
justify-content: center;
align-items: center;
position: relative; /* Stellen Sie sicher, dass der Container einen Positionierungskontext hat */
}
/* Stellen Sie sicher, dass die Stile des Number-Elements die Zentrierung nicht beeinträchtigen */
.chat-channel-unread-indicator__number {
display: inline-flex;
align-items: center;
justify-content: center;
}