Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3580 stevensc 1 
.chat {
2 
  height: 100%;
3 
  height: 80vh;
4 
  display: grid;
5 
  grid-template-rows: 85% auto;
6 
  gap: 0.5rem;
7 
  @media (max-width: 768px) {
8 
    height: 100vh;
9 
    padding: 0 0.5rem;
10 
  }
11 
}
12 
 
13 
.messagesContainer {
14 
  display: flex;
15 
  flex-flow: column-reverse;
16 
  flex-wrap: nowrap;
17 
  height: 85%;
18 
  padding: 0 1.5rem;
19 
  overflow: auto;
20 
}
21 
 
22 
.messageWrapper {
23 
  display: flex;
24 
  flex-direction: column;
25 
}
26 
 
27 
.chatInputContainer {
28 
  width: 100%;
29 
  height: fit-content;
30 
  position: relative;
31 
  form {
32 
    display: flex;
33 
    justify-content: center;
34 
    align-items: center;
35 
    height: 100%;
36 
    width: 100%;
37 
  }
38 
}
39 
 
40 
.chatInput {
41 
  border: none;
42 
  width: 80%;
43 
  resize: none;
44 
  margin: 0.5rem 0;
45 
  padding: 0.5rem;
46 
  font-size: 1.2rem;
47 
  border-radius: 100px;
48 
  background: $bg-color-secondary;
49 
  &:focus {
50 
    background: $bg-color-secondary;
51 
  }
52 
  &::placeholder {
53 
    font-size: 1.2rem;
54 
  }
55 
}
56 
 
57 
.sendBtn {
58 
  padding: 0.5rem;
59 
  font-size: 1.3rem;
60 
  font-weight: bolder;
61 
  border-radius: 5px;
62 
  margin-left: 0.5rem;
63 
  display: flex;
64 
  justify-content: center;
65 
  align-items: center;
66 
}
67 
 
68 
.chatUserImage {
69 
  width: 15%;
70 
  object-fit: cover;
71 
}
72 
 
73 
.inputIcon {
74 
  font-size: 1.5rem;
75 
  & + & {
76 
    margin-right: 0.5rem;
77 
  }
78 
}