Add "new-group" and "contacts" pages

- Style new group page
- Improve style in chat page
This commit is contained in:
tiago.kayaya
2020-12-21 16:37:44 +01:00
parent 4e3cd4ac73
commit 4c16f7bd83
31 changed files with 1223 additions and 233 deletions
+56 -23
View File
@@ -1,26 +1,4 @@
.iconschatnew-group{
width: 30px;
height: 30px;
object-fit: contain;
margin: 0 5px 0 5px;
}
.iconschatgroup-chat-40 {
width: 40px;
height: 40px;
object-fit: contain;
}
.iconschatnew-conversation{
width: 30px;
height: 30px;
object-fit: contain;
margin: 0 5px 0 5px;
}
.iconschatchat-40 {
width: 40px;
height: 40px;
object-fit: contain;
}
.main-header{
width: 100%; /* 400px */
height: 100%;
@@ -67,4 +45,59 @@
background-color: #fff;
overflow:auto;
padding: 15px 20px 0 20px;
}
.iconschatnew-group{
width: 30px;
height: 30px;
object-fit: contain;
margin: 0 5px 0 5px;
}
.iconschatnew-conversation{
width: 30px;
height: 30px;
object-fit: contain;
margin: 0 5px 0 5px;
}
}
.item{
width: 100%;
border-bottom: 1px solid #ebebeb;
.item-icon{
width: 40px;
float: left;
.icon{
margin-top: 10px;
font-size: 40px;
}
}
.item-content{
width: 317px;
margin: 0 auto;
float:right
}
.item-title-time{
width: 100%;
overflow: auto;
margin-top: 10px;
}
.item-title{
width: 80%;
float: left;
font-size: 15px;
color: #0d89d1;
}
.item-date{
width: 20%;
float: right;
font-size: 13px;
color: #797979;
text-align: right;
}
.item-description{
font-size: 13px;
color: #000;
}
}