Fix ui bugs:
- keyboard screen glitch - multi-line messages - missing styling
This commit is contained in:
parent
92edb123f3
commit
005d2e2820
6 changed files with 94 additions and 30 deletions
|
|
@ -630,13 +630,10 @@ space{
|
|||
.chat-message-pfp {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
border-radius: 0.6rem;
|
||||
border-radius: 0.65rem;
|
||||
object-fit: cover;
|
||||
flex-shrink: 0;
|
||||
opacity: 0; /* hidden by default for consecutive messages */
|
||||
}
|
||||
.chat-message.with-avatar .chat-message-pfp {
|
||||
opacity: 1;
|
||||
border: var(--border-width) solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.chat-message-content {
|
||||
display: flex;
|
||||
|
|
@ -664,6 +661,7 @@ space{
|
|||
.chat-message-text {
|
||||
line-height: 1.4;
|
||||
word-break: break-word;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue