Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5348 | Rev 5928 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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