Proyectos de Subversion LeadersLinked - Backend

Rev

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