Proyectos de Subversion LeadersLinked - Backend

Rev

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