You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

66 lines
872 B
CSS

* {
box-sizing: border-box;
}
.initials,
.pull_left.userpic_wrap,
.reply_to,
.media_video {
display: none;
}
.page_body.chat_page {
width: auto;
padding: 64px;
}
.history {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: center;
gap: 48px;
}
.history > *:nth-child(even) {
align-self: flex-end;
}
.message {
background-color: rgb(240, 242, 245);
font-size: 20px;
line-height: 1.6;
padding: 20px;
border-radius: 20px;
position: relative;
max-width: 60ch;
}
.message .body {
margin: 0;
}
.date {
float: none;
position: absolute;
top: -24px;
right: 20px;
font-size: 14px;
}
.message.service {
align-self: center;
margin: 256px auto;
flex-basis: 100vw;
background: none;
max-width: none;
font-size: 42px;
}
.history img {
max-width: 100%;
max-height: 100vh;
object-fit: contain;
}