Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5442 Rev 5443
Línea 6... Línea 6...
6 
  flex-direction: column;
 6 
  flex-direction: column;
7 
  padding: 1rem;
 7 
  padding: 1rem;
8 
  gap: 1rem;
 8 
  gap: 1rem;
9 
  width: 100%;
 9 
  width: 100%;
10 
  max-height: 130px;
 10 
  max-height: 130px;
11 
}
 - 
 
Línea 12... Línea 11...
12 
 
 11 
 
13 
.formContainer {
 12 
  .share_form-container {
14 
  display: flex;
 13 
    display: flex;
15 
  width: 100%;
 - 
 
16 
  gap: 5px;
 - 
 
17 
}
 - 
 
18 
 
 - 
 
19 
.shareRowContainer {
 - 
 
20 
  display: flex;
 - 
 
21 
  align-items: center;
 - 
 
22 
  gap: 5px;
 - 
 
23 
}
 - 
 
24 
 
 - 
 
25 
.shareImage {
 - 
 
26 
  width: 25%;
 - 
 
27 
}
 - 
 
28 
 
 - 
 
29 
.shareIcon {
 - 
 
30 
  font-size: 1.1rem;
 - 
 
31 
}
 - 
 
32 
 
 - 
 
33 
.userInputContainer {
 - 
 
34 
  display: flex;
 - 
 
35 
  align-items: center;
 - 
 
36 
  justify-content: flex-start;
 14 
    width: 100%;
37 
  gap: 0.5rem;
 - 
 
38 
  width: 75%;
 15 
    gap: .5rem;
39 
 
 16 
 
40 
  img {
 17 
    img {
41 
    border-radius: 100px;
 18 
      border-radius: 100px;
42 
    width: 43px;
 19 
      width: 45px;
43 
    height: 43px;
 20 
      height: 45px;
44 
    object-fit: cover;
 21 
      object-fit: cover;
- 
 
 22 
      background-color: $bg-color;
45 
    background-color: #fff;
 23 
      border: 1px solid $font-color;
Línea 46... Línea 24...
46 
  }
 24 
    }
47 
 
 25 
 
48 
  input {
 26 
    input {
49 
    background-color: $bg-color !important;
 27 
      background-color: $bg-color;
50 
    border: none !important;
 28 
      border: none;
51 
    box-shadow: none !important;
 29 
      box-shadow: none;
- 
 
 30 
      outline: none;
- 
 
 31 
      padding: 0;
52 
    outline: none !important;
 32 
      width: -webkit-fill-available;
53 
    padding: 0;
 - 
 
54 
  }
 - 
 
55 
}
 - 
 
56 
 
 - 
 
57 
.shareIconContainer {
 - 
 
58 
  display: grid;
 - 
 
59 
  place-items: center;
 - 
 
Línea 60... Línea 33...
60 
  width: 28px;
 33 
    }
- 
 
 34 
  }
61 
  height: 28px;
 35 
 
- 
 
 36 
  .share_icons-container {
62 
 
 37 
    display: flex;
Línea 63... Línea 38...
63 
  .shareIcon {
 38 
    align-items: center;
- 
 
 39 
    gap: .5rem;
64 
    color: $icons-color;
 40 
  }
- 
 
 41 
 
- 
 
 42 
  .share-icon {
65 
  }
 43 
    display: grid;
- 
 
 44 
    place-items: center;
- 
 
 45 
    width: 1.5rem;
Línea -... Línea 46...
- 
 
 46 
    height: 1.5rem;
66 
 
 47 
    border-radius: 10px;
- 
 
 48 
    color: $font-color;
67 
  &:hover {
 49 
    transition: all 200ms;
68 
    background: $font-color;
 50 
 
69 
    border-radius: 10px;
 - 
 
70 
 
 - 
 
71 
    .shareIcon {
 - 
 
72 
      color: $bg-color;
 - 
 
73 
    }
 - 
 
74 
  }
 - 
 
75 
}
 - 
 
76 
 
 - 
 
77 
.iconActive {
 - 
 
78 
  border-radius: 10px;
 - 
 
79 
  background: $font-color;
 - 
 
80 
 
 - 
 
Línea 81... Línea 51...
81 
  .shareIcon {
 51 
    &:hover,
82 
    color: $bg-color;
 52 
    &.active {
- 
 
 53 
      background: $font-color;
Línea 83... Línea 54...
83 
    transform: rotate(45deg);
 54 
      color: $bg-color;
84 
    transition: all 0.2s;
 - 
 
85 
  }
 55 
    }
86 
 
 56 
 
87 
  &:hover {
 57 
    &.active svg {
88 
    background: $font-color;
 58 
      transform: rotate(45deg);
89 
 
 59 
    }