Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15801 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
11347 nelberth 1 
@use '../../../css/shared/variables.scss';
2 
 
3 
.chat {
4 
  height: 100%;
5 
}
6 
 
7 
.messagesContainer {
8 
  display: flex;
9 
  flex-flow: column-reverse;
10 
  flex-wrap: nowrap;
11 
  height: 85%;
12 
  padding: 1.5rem;
13 
  overflow: auto;
14 
}
15 
.messageWrapper {
16 
  display: flex;
17 
  flex-direction: column;
18 
}
19 
 
20 
.chatInputContainer {
21 
  height: 15%;
22 
  width: 100%;
23 
  position: relative;
24 
  form {
25 
    padding: 0.5rem;
26 
    background-color: variables.$dark-white;
27 
    display: flex;
28 
    justify-content: center;
29 
    align-items: center;
30 
    height: 100%;
31 
    width: 100%;
32 
  }
33 
}
34 
.chatInput {
35 
  border: none;
36 
  min-height: 3rem;
37 
  width: 80%;
38 
  resize: none;
39 
  padding: 3% 0.5rem;
40 
  font-size: 1.2rem;
41 
  &::placeholder {
42 
    font-size: 1.2rem;
43 
  }
44 
}
45 
.sendBtn {
46 
  background-color: variables.$dark-blue;
47 
  height: 3rem;
48 
  color: white;
49 
  padding: 0.5rem;
50 
  border-radius: 5px;
51 
  margin-left: 0.2rem;
52 
  display: flex;
53 
  justify-content: center;
54 
  align-items: center;
55 
}
56 
 
57 
.inputIcon {
58 
  font-size: 1.5rem;
59 
  & + & {
60 
    margin-right: 0.5rem;
61 
  }
62 
}