File tree 1 file changed +0
-70
lines changed
src/components/list/ChatList
1 file changed +0
-70
lines changed Original file line number Diff line number Diff line change 18
18
::-webkit-scrollbar-thumb : hover {
19
19
background : # 222121 ;
20
20
}
21
- .chatList {
22
- flex : 1 ;
23
- overflow : scroll;
24
- overflow-x : hidden;
25
-
26
- .search {
27
- display : flex;
28
- align-items : center;
29
- gap : 20px ;
30
- padding : 20px ;
31
-
32
- .searchBar {
33
- flex : 1 ;
34
- background-color : rgba (17 , 25 , 40 , 0.5 );
35
- display : flex;
36
- gap : 20px ;
37
- align-items : center;
38
- border-radius : 10px ;
39
- padding : 10px ;
40
-
41
- input {
42
- background-color : transparent;
43
- border : none;
44
- outline : none;
45
- color : white;
46
- flex : 1 ;
47
- }
48
- img {
49
- width : 20px ;
50
- height : 20px ;
51
- }
52
- }
53
- .add {
54
- width : 20px ;
55
- height : 20px ;
56
- background-color : rgba (17 , 25 , 40 , 0.5 );
57
- padding : 10px ;
58
- border-radius : 10px ;
59
- cursor : pointer;
60
- }
61
- }
62
- .item {
63
- display : flex;
64
- align-items : center;
65
- gap : 20px ;
66
- padding : 20px ;
67
- cursor : pointer;
68
- border-bottom : 1px solid # dddddd35 ;
69
- img {
70
- width : 50px ;
71
- height : 50px ;
72
- border-radius : 50% ;
73
- object-fit : cover;
74
- }
75
- .texts {
76
- display : flex;
77
- flex-direction : column;
78
- gap : 10px ;
79
-
80
- span {
81
- font-weight : 500 ;
82
- }
83
- p {
84
- text-align : left;
85
- font-size : 14px ;
86
- font-weight : 300 ;
87
- }
88
- }
89
- }
90
- }
You can’t perform that action at this time.
0 commit comments