Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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