Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16007 | 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;
15943 stevensc 10 
  position: relative;
15801 stevensc 11 
 
16006 stevensc 12 
  .chat_header {
16008 stevensc 13 
    padding: .5rem;
15801 stevensc 14 
    text-align: center;
16007 stevensc 15 
    border-bottom: 1px solid $border-primary;
16 
 
17 
    h2 {
18 
      font-size: 1.5rem;
19 
      font-weight: 500;
20 
    }
15801 stevensc 21 
  }
22 
 
23 
  @media (max-width: 768px) {
24 
    height: 100vh;
25 
    padding: 0 0.5rem;
26 
  }
11347 nelberth 27 
}
28 
 
29 
.messagesContainer {
30 
  display: flex;
31 
  flex-flow: column-reverse;
32 
  flex-wrap: nowrap;
33 
  height: 85%;
15801 stevensc 34 
  padding: 0 1.5rem 0.5rem;
11347 nelberth 35 
  overflow: auto;
36 
}
15801 stevensc 37 
 
11347 nelberth 38 
.messageWrapper {
39 
  display: flex;
40 
  flex-direction: column;
41 
}
42 
 
15805 stevensc 43 
.chat__input__container {
15801 stevensc 44 
  border-top: 1px solid $border-primary;
45 
  padding: 0.5rem;
11347 nelberth 46 
  position: relative;
15801 stevensc 47 
 
11347 nelberth 48 
  form {
49 
    display: flex;
50 
    justify-content: center;
51 
    align-items: center;
15801 stevensc 52 
    gap: 0.5rem;
11347 nelberth 53 
  }
54 
}
15801 stevensc 55 
 
11347 nelberth 56 
.chatInput {
57 
  border: none;
15801 stevensc 58 
  outline: none;
59 
  flex: 1;
60 
  padding: 0.5rem 1rem;
61 
  border-radius: 30px;
62 
  background: $bg-color-secondary;
15839 stevensc 63 
  resize: none;
15801 stevensc 64 
 
65 
  &:focus {
66 
    background: $bg-color-secondary;
11347 nelberth 67 
  }
68 
}
69 
 
15801 stevensc 70 
.send_btn,
71 
.icon_btn {
72 
  border: none;
73 
  display: grid;
11347 nelberth 74 
  font-size: 1.5rem;
15801 stevensc 75 
  place-items: center;
76 
  color: $font-color;
11347 nelberth 77 
}
15801 stevensc 78 
 
79 
.chatUserImage {
80 
  width: 15%;
81 
  object-fit: cover;
82 
}