Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15851 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
11347 nelberth 1 
@use '../../../../css/shared/variables.scss';
2 
 
3 
.message {
4 
  &::before {
5 
    content: "";
6 
    width: 0;
7 
    height: 0;
8 
    border-top: 6px solid transparent;
9 
    border-bottom: 6px solid transparent;
10 
    position: absolute;
11 
    top: 0;
12 
  }
13 
  padding: 0.6rem 0.6rem 1.3rem 0.6rem;
14 
  margin-top: 0.5rem;
15 
  position: relative;
16 
  min-width: 4rem;
17 
  display: flex;
18 
  align-items: center;
19 
  &_sent {
20 
    justify-self: flex-end;
21 
    align-self: flex-end;
22 
    background-color: #d8f1e4;
23 
    border-radius: 5px 0 5px 5px;
24 
    &::before {
25 
      border-left: 10px solid #d8f1e4;
26 
      right: -10px;
27 
    }
28 
  }
29 
  &_received {
30 
    justify-self: flex-start;
31 
    align-self: flex-start;
32 
    background-color: #fff;
33 
    border-radius: 0 5px 5px 5px;
34 
    &::before {
35 
      border-right: 10px solid #fff;
36 
      left: -10px;
37 
    }
38 
  }
39 
  &__time {
40 
    position: absolute;
41 
    color: variables.$light-gray;
42 
    right: 5px;
43 
    bottom: 5px;
44 
    font-size: 0.6rem;
45 
  }
46 
}
47 
.chatImg {
48 
  max-width: 200px;
49 
  max-height: 400px;
50 
  object-fit: contain;
51 
}
52 
.downloadBtn {
53 
  font-size: 1.5rem;
54 
  margin-left: 0.2rem;
55 
  color: black;
56 
}
57 
.pdfImage {
58 
  width: 50px;
59 
}
60 
 
61 
.userName {
62 
  font-size: 0.7rem;
63 
  color: variables.$light-font;
64 
  align-self: flex-start;
65 
  margin-bottom: 0.2rem;
66 
}
67 
 
68 
.messageContainer {
69 
  display: flex;
70 
  flex-direction: column;
71 
}