Proyectos de Subversion LeadersLinked - Backend

Rev

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