Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3580 stevensc 1 
.chat {
4330 stevensc 2 
  background-color: $bg-color;
3 
  border-radius: $border-radius;
4 
  border: 1px solid $border-primary;
3580 stevensc 5 
  height: 80vh;
4330 stevensc 6 
  display: flex;
7 
  flex-direction: column;
3580 stevensc 8 
  gap: 0.5rem;
4331 stevensc 9 
  .chat-header {
10 
    text-align: center;
11 
    padding: 0.5rem 0;
12 
  }
3580 stevensc 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%;
4331 stevensc 24 
  padding: 0 1.5rem 0.5rem;
3580 stevensc 25 
  overflow: auto;
26 
}
27 
 
28 
.messageWrapper {
29 
  display: flex;
30 
  flex-direction: column;
31 
}
32 
 
4342 stevensc 33 
.chat__input-container {
4331 stevensc 34 
  border-top: 1px solid $border-primary;
4332 stevensc 35 
  padding: 0.5rem;
4342 stevensc 36 
  position: relative;
3580 stevensc 37 
  form {
38 
    display: flex;
39 
    justify-content: center;
40 
    align-items: center;
4331 stevensc 41 
    gap: 0.5rem;
3580 stevensc 42 
  }
43 
}
44 
 
45 
.chatInput {
46 
  border: none;
4331 stevensc 47 
  outline: none;
48 
  flex: 1;
49 
  padding: 0.5rem 1rem;
50 
  border-radius: 30px;
3580 stevensc 51 
  background: $bg-color-secondary;
52 
  &:focus {
53 
    background: $bg-color-secondary;
54 
  }
55 
}
56 
 
4333 stevensc 57 
.send_btn,
58 
.icon_btn {
4332 stevensc 59 
  border: none;
60 
  display: grid;
4333 stevensc 61 
  font-size: 1.5rem;
4332 stevensc 62 
  place-items: center;
4344 stevensc 63 
  color: $font-color;
3580 stevensc 64 
}
65 
 
66 
.chatUserImage {
67 
  width: 15%;
68 
  object-fit: cover;
69 
}