开发: 成员聊天页面
This commit is contained in:
@@ -41,7 +41,6 @@
|
||||
flex: 1;
|
||||
align-items: flex-start;
|
||||
min-width: 0;
|
||||
height: 40px;
|
||||
padding-left: 12px;
|
||||
|
||||
.chatAName {
|
||||
@@ -63,16 +62,20 @@
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 1;
|
||||
background-color: #fff;
|
||||
background-color: #69b1ff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
.chatBBox {
|
||||
height: calc(100vh - 212px - 164px);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.state0 {
|
||||
position: relative;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.chatLogBox {
|
||||
height: calc(100vh - 212px - 66px);
|
||||
padding: 12px;
|
||||
@@ -103,6 +106,7 @@
|
||||
opacity: 0;
|
||||
transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
|
||||
pointer-events: none;
|
||||
box-shadow: 0 4px 6px #ccc;
|
||||
|
||||
&.show {
|
||||
z-index: 1;
|
||||
@@ -112,3 +116,21 @@
|
||||
pointer-events: all;
|
||||
}
|
||||
}
|
||||
|
||||
.modalAvatar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-right: 12px;
|
||||
overflow: hidden;
|
||||
background-color: #69b1ff;
|
||||
border-radius: 6px;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user