Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15851 | Ir a la última revisión | | Comparar con el anterior | 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 
  }
15851 stevensc 13 
 
11347 nelberth 14 
  padding: 0.6rem 0.6rem 1.3rem 0.6rem;
16006 stevensc 15 
  margin-bottom: 0.5rem;
11347 nelberth 16 
  position: relative;
17 
  min-width: 4rem;
15851 stevensc 18 
  max-width: 70%;
11347 nelberth 19 
  display: flex;
20 
  align-items: center;
15851 stevensc 21 
 
11347 nelberth 22 
  &_sent {
23 
    justify-self: flex-end;
24 
    align-self: flex-end;
25 
    background-color: #d8f1e4;
26 
    border-radius: 5px 0 5px 5px;
15851 stevensc 27 
 
11347 nelberth 28 
    &::before {
29 
      border-left: 10px solid #d8f1e4;
30 
      right: -10px;
31 
    }
32 
  }
15851 stevensc 33 
 
11347 nelberth 34 
  &_received {
35 
    justify-self: flex-start;
36 
    align-self: flex-start;
16006 stevensc 37 
    background-color: #efefef;
11347 nelberth 38 
    border-radius: 0 5px 5px 5px;
15851 stevensc 39 
 
11347 nelberth 40 
    &::before {
41 
      border-right: 10px solid #fff;
42 
      left: -10px;
43 
    }
44 
  }
15851 stevensc 45 
 
11347 nelberth 46 
  &__time {
47 
    position: absolute;
48 
    color: variables.$light-gray;
49 
    right: 5px;
50 
    bottom: 5px;
51 
    font-size: 0.6rem;
52 
  }
53 
}
15851 stevensc 54 
 
11347 nelberth 55 
.chatImg {
56 
  max-width: 200px;
57 
  max-height: 400px;
58 
  object-fit: contain;
59 
}
15851 stevensc 60 
 
11347 nelberth 61 
.downloadBtn {
62 
  font-size: 1.5rem;
63 
  margin-left: 0.2rem;
64 
  color: black;
65 
}
15851 stevensc 66 
 
11347 nelberth 67 
.pdfImage {
68 
  width: 50px;
69 
}
70 
 
71 
.userName {
72 
  font-size: 0.7rem;
73 
  color: variables.$light-font;
74 
  align-self: flex-start;
75 
  margin-bottom: 0.2rem;
76 
}
77 
 
78 
.messageContainer {
79 
  display: flex;
80 
  flex-direction: column;
15851 stevensc 81 
}