Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
5348 stevensc 1 
.chat {
2 
  background-color: $bg-color;
3 
  border-radius: $border-radius;
4 
  border: 1px solid $border-primary;
5 
  height: 80vh;
6 
  display: flex;
7 
  flex-direction: column;
8 
  gap: 0.5rem;
9 
  .chat-header {
10 
    text-align: center;
11 
    padding: 0.5rem 0;
12 
  }
13 
  @media (max-width: 768px) {
14 
    height: 100vh;
15 
    padding: 0 0.5rem;
16 
  }
17 
}
18 
 
19 
.messagesContainer {
20 
  display: flex;
21 
  flex-flow: column-reverse;
22 
  flex-wrap: nowrap;
23 
  height: 85%;
24 
  padding: 0 1.5rem 0.5rem;
25 
  overflow: auto;
26 
}
27 
 
28 
.messageWrapper {
29 
  display: flex;
30 
  flex-direction: column;
31 
}
32 
 
33 
.chat__input-container {
34 
  border-top: 1px solid $border-primary;
35 
  padding: 0.5rem;
36 
  position: relative;
37 
  form {
38 
    display: flex;
39 
    justify-content: center;
40 
    align-items: center;
41 
    gap: 0.5rem;
42 
  }
43 
}
44 
 
45 
.chatInput {
46 
  border: none;
47 
  outline: none;
48 
  flex: 1;
49 
  padding: 0.5rem 1rem;
50 
  border-radius: 30px;
51 
  background: $bg-color-secondary;
52 
  &:focus {
53 
    background: $bg-color-secondary;
54 
  }
55 
}
56 
 
57 
.send_btn,
58 
.icon_btn {
59 
  border: none;
60 
  display: grid;
61 
  font-size: 1.5rem;
62 
  place-items: center;
63 
  color: $font-color;
64 
}
65 
 
66 
.chatUserImage {
67 
  width: 15%;
68 
  object-fit: cover;
69 
}