Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4211 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4211 Rev 6340
Línea 1... Línea 1...
1 
.iconContainer {
 1 
.iconContainer {
2 
  display: flex;
 2 
  display: flex;
3 
  justify-content: center;
 3 
  justify-content: center;
4 
  align-items: center;
 4 
  align-items: center;
5 
}
 5 
}
- 
 
 6 
 
6 
.statusIcon {
 7 
.statusIcon {
7 
  font-size: 0.7rem;
 8 
  font-size: 0.7rem;
8 
  margin-left: 0.2rem;
 9 
  margin-left: 0.2rem;
- 
 
 10 
 
9 
  &_offline {
 11 
  &_offline {
10 
    color: $gray;
 12 
    color: $gray;
11 
  }
 13 
  }
- 
 
 14 
 
12 
  &_online {
 15 
  &_online {
13 
    color: $online-green;
 16 
    color: $online-green;
14 
  }
 17 
  }
15 
}
 18 
}
Línea 19... Línea 22...
19 
  font-size: 1.2rem;
 22 
  font-size: 1.2rem;
20 
  border-radius: 10px;
 23 
  border-radius: 10px;
21 
  width: 90%;
 24 
  width: 90%;
22 
  margin: .5rem auto;
 25 
  margin: .5rem auto;
23 
  padding: 1rem;
 26 
  padding: 1rem;
- 
 
 27 
 
24 
  &_unread {
 28 
  &_unread {
25 
    background-color: $light-gray;
 29 
    background-color: $light-gray;
26 
  }
 30 
  }
- 
 
 31 
 
27 
  &:hover {
 32 
  &:hover {
28 
    background: var(--background-light-gray);
 33 
    background: var(--background-light-gray);
29 
  }
 34 
  }
- 
 
 35 
 
30 
  & ~ hr {
 36 
  &~hr {
31 
    width: 90%;
 37 
    width: 90%;
32 
    margin: auto;
 38 
    margin: auto;
33 
  }
 39 
  }
- 
 
 40 
 
34 
  & + & {
 41 
  &+& {
35 
    border-top: 1px solid $light-gray;
 42 
    border-top: 1px solid $light-gray;
36 
  }
 43 
  }
- 
 
 44 
 
37 
  img {
 45 
  img {
38 
    clip-path: circle(50%);
 46 
    clip-path: circle(50%);
39 
    width: 50px;
 47 
    width: 50px;
40 
    height: 50px;
 48 
    height: 50px;
41 
    object-fit: contain;
 49 
    object-fit: contain;
42 
  }
 50 
  }
- 
 
 51 
 
43 
  .entityInfo {
 52 
  .entityInfo {
44 
    display: flex;
 53 
    display: flex;
45 
    margin-left: 1rem;
 54 
    margin-left: 1rem;
46 
    flex-direction: column;
 55 
    flex-direction: column;
47 
  }
 56 
  }
Línea 54... Línea 63...
54 
  .newMessage {
 63 
  .newMessage {
55 
    margin-top: 0.5rem;
 64 
    margin-top: 0.5rem;
56 
    font-size: 1rem;
 65 
    font-size: 1rem;
57 
  }
 66 
  }
58 
}
 67 
}
- 
 
 68 
 
59 
.addGroup {
 69 
.addGroup {
60 
  align-items: center;
 70 
  align-items: center;
61 
  justify-content: center;
 71 
  justify-content: center;
62 
  height: 4rem;
 72 
  height: 4rem;
63 
  background-color: $bg-color;
 73 
  background-color: $bg-color;
- 
 
 74 
 
64 
  i {
 75 
  i {
65 
    margin-right: 0.5rem;
 76 
    margin-right: 0.5rem;
66 
  }
 77 
  }
67 
}
 78 
}
68 

            79