Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
3580 stevensc 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;
3726 stevensc 8
  box-shadow: $light-shadow;
3580 stevensc 9
  &_sent {
10
    justify-self: flex-end;
11
    align-self: flex-end;
3724 stevensc 12
    background-color: $chat-send;
3580 stevensc 13
    border-radius: 10px 0 10px 10px;
14
  }
15
  &_received {
16
    justify-self: flex-start;
17
    align-self: flex-start;
3724 stevensc 18
    background-color: $chat-received;
3580 stevensc 19
    border-radius: 0 10px 10px 10px;
20
  }
21
  &__time {
22
    position: absolute;
23
    color: $subtitle-color;
24
    right: 5px;
25
    bottom: 5px;
26
    font-size: 0.6rem;
27
  }
28
}
29
.chatImg {
30
  max-width: 200px;
3726 stevensc 31
  max-height: 180px;
3580 stevensc 32
  object-fit: contain;
33
}
34
.downloadBtn {
35
  display: inline-flex;
36
  gap: 0.5rem;
37
  padding: 2px 10px;
38
  margin-left: 0.2rem;
39
  color: black;
40
}
41
.pdfImage {
42
  width: 50px;
43
}
44
 
45
.userName {
46
  font-size: 0.7rem;
47
  color: $font-color;
48
  align-self: flex-start;
49
  margin-bottom: 0.2rem;
50
}
51
 
52
.messageContainer {
53
  display: flex;
54
  flex-direction: column;
3581 stevensc 55
  p {
56
    color: $chat-color;
57
  }
3580 stevensc 58
}