mirror of
https://github.com/LingChair/LingChair-V0.git
synced 2025-12-08 01:55:50 +08:00
78 lines
1.5 KiB
CSS
78 lines
1.5 KiB
CSS
/*
|
|
* ©2024 满月叶
|
|
* GitHub @MoonLeeeaf
|
|
* 消息! 消息!
|
|
*/
|
|
|
|
.chat-message.right {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: flex-start;
|
|
margin: 13px 13px 13px 10%;
|
|
}
|
|
|
|
.chat-message.left {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
margin: 13px 10% 13px 13px;
|
|
}
|
|
|
|
.message-content {
|
|
margin-top: 13px;
|
|
margin-bottom: 7px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
max-width: 100%;
|
|
min-width: 0%;
|
|
white-space: normal;
|
|
word-break: break-all;
|
|
/* font-size: medium; */
|
|
/* 使用了 CardView 就不需要边框了 */
|
|
/* border: 1.3px solid; */
|
|
padding: 15px;
|
|
border-radius: 15px;
|
|
/* 添加圆角样式 */
|
|
/* 设置外边距为 7px */
|
|
}
|
|
|
|
.message-content-with-nickname-right {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 7px;
|
|
flex-direction: column;
|
|
/* 垂直排列元素 */
|
|
align-items: flex-end;
|
|
/* 左对齐元素 */
|
|
}
|
|
|
|
.message-content-with-nickname-left {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 7px;
|
|
flex-direction: column;
|
|
/* 垂直排列元素 */
|
|
align-items: flex-start;
|
|
/* 左对齐元素 */
|
|
}
|
|
|
|
.chat-message .message-content-with-nickname-left .nickname,
|
|
.chat-message .message-content-with-nickname-right .nickname {
|
|
margin-right: 5px;
|
|
font-size: medium;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.chat-message > .avatar {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.message-image {
|
|
max-width: 40%;
|
|
max-height: 40%;
|
|
margin: -5px;
|
|
border-radius: 15px;
|
|
}
|