Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3726 Rev 5925
Línea 1... Línea 1...
1 
.message {
 1 
.message {
2 
  padding: 0.6rem 0.6rem 1.3rem 0.6rem;
 - 
 
3 
  margin-top: 0.5rem;
 - 
 
4 
  position: relative;
 - 
 
5 
  min-width: 4rem;
 - 
 
6 
  display: flex;
 - 
 
7 
  align-items: center;
 - 
 
8 
  box-shadow: $light-shadow;
 2 
  box-shadow: $light-shadow;
- 
 
 3 
  display: inline-flex;
- 
 
 4 
  flex-direction: column;
- 
 
 5 
  margin-bottom: 0.5rem;
- 
 
 6 
  max-width: 70%;
- 
 
 7 
  min-width: 4rem;
- 
 
 8 
  padding: 0.5rem;
- 
 
 9 
  position: relative;
- 
 
 10 
 
- 
 
 11 
  &>p {
- 
 
 12 
    color: $chat-color;
- 
 
 13 
  }
- 
 
 14 
 
- 
 
 15 
  &>img {
- 
 
 16 
    max-width: 250px;
- 
 
 17 
    max-height: 250px;
- 
 
 18 
    object-fit: contain;
- 
 
 19 
  }
- 
 
 20 
 
9 
  &_sent {
 21 
  &_sent {
10 
    justify-self: flex-end;
 - 
 
11 
    align-self: flex-end;
 22 
    align-self: flex-end;
12 
    background-color: $chat-send;
 23 
    background-color: $chat-send;
13 
    border-radius: 10px 0 10px 10px;
 24 
    border-radius: 10px 0 10px 10px;
14 
  }
 25 
  }
- 
 
 26 
 
15 
  &_received {
 27 
  &_received {
16 
    justify-self: flex-start;
 - 
 
17 
    align-self: flex-start;
 28 
    align-self: flex-start;
18 
    background-color: $chat-received;
 29 
    background-color: $chat-received;
19 
    border-radius: 0 10px 10px 10px;
 30 
    border-radius: 0 10px 10px 10px;
20 
  }
 31 
  }
- 
 
 32 
 
21 
  &__time {
 33 
  &_time {
22 
    position: absolute;
 34 
    position: absolute;
23 
    color: $subtitle-color;
 35 
    color: $subtitle-color;
24 
    right: 5px;
 36 
    right: 5px;
25 
    bottom: 5px;
 37 
    bottom: 5px;
26 
    font-size: 0.6rem;
 38 
    font-size: 0.6rem;
27 
  }
 39 
  }
28 
}
 40 
}
29 
.chatImg {
 - 
 
30 
  max-width: 200px;
 - 
 
31 
  max-height: 180px;
 - 
 
32 
  object-fit: contain;
 - 
 
33 
}
 41 
 
34 
.downloadBtn {
 42 
.download_btn {
35 
  display: inline-flex;
 43 
  display: inline-flex;
36 
  gap: 0.5rem;
 44 
  gap: 0.5rem;
37 
  padding: 2px 10px;
 45 
  padding: 2px 10px;
38 
  margin-left: 0.2rem;
 46 
  margin-left: 0.2rem;
39 
  color: black;
 47 
  color: black;
40 
}
 48 
}
41 
.pdfImage {
 - 
 
42 
  width: 50px;
 - 
 
43 
}
 - 
 
Línea 44... Línea 49...
44 
 
 49 
 
45 
.userName {
 50 
.user_name {
46 
  font-size: 0.7rem;
 51 
  font-size: 0.7rem;
47 
  color: $font-color;
 52 
  color: $font-color;
48 
  align-self: flex-start;
 53 
  align-self: flex-start;
49 
  margin-bottom: 0.2rem;
 54 
  margin-bottom: 0.2rem;
Línea 50... Línea 55...
50 
}
 55 
}
51 
 
 56 
 
52 
.messageContainer {
 - 
 
53 
  display: flex;
 57 
.message_container {
54 
  flex-direction: column;
 - 
 
55 
  p {
 - 
 
56 
    color: $chat-color;
 58 
  display: inline-flex;
57 
  }
 59 
  gap: 1rem;