Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6342 | | 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 
    }
6340 stevensc 19 
 
20 
    &> {
21 
      a {
22 
        display: inline-flex;
23 
        width: fit-content;
24 
      }
25 
 
26 
      button {
27 
        position: absolute;
28 
        left: 1rem;
29 
        top: 50%;
30 
        transform: translateY(-50%);
6342 stevensc 31 
        display: none;
6340 stevensc 32 
      }
33 
    }
5348 stevensc 34 
  }
5923 stevensc 35 
 
5348 stevensc 36 
  @media (max-width: 768px) {
37 
    padding: 0 0.5rem;
6340 stevensc 38 
 
39 
    .chat_header>button {
6342 stevensc 40 
      display: inline-flex;
6340 stevensc 41 
    }
5348 stevensc 42 
  }
43 
}
44 
 
5923 stevensc 45 
.messages_container {
5348 stevensc 46 
  display: flex;
47 
  flex-flow: column-reverse;
6753 stevensc 48 
  height: -webkit-fill-available;
49 
  padding: .5rem 0;
5348 stevensc 50 
  overflow: auto;
51 
}
52 
 
5923 stevensc 53 
.message_wrapper {
5348 stevensc 54 
  display: flex;
55 
  flex-direction: column;
6753 stevensc 56 
  gap: .5rem;
5348 stevensc 57 
}
58 
 
59 
.chat__input-container {
60 
  border-top: 1px solid $border-primary;
61 
  padding: 0.5rem;
62 
  position: relative;
5923 stevensc 63 
 
5348 stevensc 64 
  form {
65 
    display: flex;
66 
    justify-content: center;
67 
    align-items: center;
68 
    gap: 0.5rem;
69 
  }
5928 stevensc 70 
 
71 
  textarea {
72 
    resize: none;
73 
  }
5348 stevensc 74 
}
75 
 
76 
.chatInput {
77 
  border: none;
78 
  outline: none;
79 
  flex: 1;
80 
  padding: 0.5rem 1rem;
81 
  border-radius: 30px;
82 
  background: $bg-color-secondary;
5923 stevensc 83 
 
5348 stevensc 84 
  &:focus {
85 
    background: $bg-color-secondary;
86 
  }
87 
}
88 
 
89 
.send_btn,
90 
.icon_btn {
91 
  border: none;
92 
  display: grid;
93 
  font-size: 1.5rem;
94 
  place-items: center;
95 
  color: $font-color;
96 
}
97 
 
98 
.chatUserImage {
99 
  width: 15%;
100 
  object-fit: cover;
5923 stevensc 101 
}