Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15805 | Rev 15943 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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