Proyectos de Subversion LeadersLinked - Backend

Rev

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

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