Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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