Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3482 Rev 3485
Línea 27... Línea 27...
27 
  background: #d4d4d4;
 27 
  background: #d4d4d4;
28 
  border: 1px solid #e8e8e8;
 28 
  border: 1px solid #e8e8e8;
29 
  color: #e8e8e8;
 29 
  color: #e8e8e8;
30 
}
 30 
}
Línea -... Línea 31...
- 
 
 31 
 
- 
 
 32 
.navbar {
- 
 
 33 
  display: flex;
- 
 
 34 
  background-color: #fff;
- 
 
 35 
  width: 100%;
- 
 
 36 
  border-bottom: solid 1px #e8e8e8;
- 
 
 37 
  padding: 1rem 1rem 0;
- 
 
 38 
  gap: 0.5rem;
- 
 
 39 
  justify-content: space-around;
- 
 
 40 
  flex-wrap: wrap;
- 
 
 41 
  align-items: center;
- 
 
 42 
  position: relative;
- 
 
 43 
  height: auto;
- 
 
 44 
  margin-bottom: 1rem;
- 
 
 45 
  box-shadow: 0px 4px 14px -2px rgba(0, 0, 0, 0.12);
- 
 
 46 
}
- 
 
 47 
@media (max-width: 361px) {
- 
 
 48 
  .navbar {
- 
 
 49 
    padding: 1rem 1rem 0;
- 
 
 50 
  }
- 
 
 51 
}
- 
 
 52 
 
- 
 
 53 
.rightNavContainer {
- 
 
 54 
  display: none;
- 
 
 55 
  align-items: center;
- 
 
 56 
  height: 100%;
- 
 
 57 
}
- 
 
 58 
@media (max-width: 361px) {
- 
 
 59 
  .rightNavContainer {
- 
 
 60 
    gap: 5px;
- 
 
 61 
  }
- 
 
 62 
  .rightNavContainer .btn {
- 
 
 63 
    padding: 0 !important;
- 
 
 64 
  }
- 
 
 65 
  .rightNavContainer .btn .badge {
- 
 
 66 
    font-size: 0.6rem;
- 
 
 67 
  }
- 
 
 68 
}
- 
 
 69 
 
- 
 
 70 
.logo {
- 
 
 71 
  width: 30%;
- 
 
 72 
  object-fit: contain;
- 
 
 73 
  order: 1;
- 
 
 74 
}
- 
 
 75 
 
- 
 
 76 
.hamburgerIcon {
- 
 
 77 
  color: white;
- 
 
 78 
  font-size: 1.5rem;
- 
 
 79 
  order: 3;
- 
 
 80 
}
- 
 
 81 
 
- 
 
 82 
.searchIcon {
- 
 
 83 
  color: #16283c;
- 
 
 84 
  width: 25px;
- 
 
 85 
  height: 25px;
- 
 
 86 
  border-radius: 50%;
- 
 
 87 
  font-size: 1.2rem;
- 
 
 88 
  display: flex;
- 
 
 89 
  justify-content: center;
- 
 
 90 
  align-items: center;
- 
 
 91 
  margin-left: 0.5rem;
- 
 
 92 
}
- 
 
 93 
 
- 
 
 94 
.mailIcon {
- 
 
 95 
  color: #16283c;
- 
 
 96 
  width: 25px;
- 
 
 97 
  height: 25px;
- 
 
 98 
  font-size: 1.2rem;
- 
 
 99 
  display: flex;
- 
 
 100 
  justify-content: center;
- 
 
 101 
  align-items: center;
- 
 
 102 
  margin-right: 0.5rem;
- 
 
 103 
}
- 
 
 104 
@media (max-width: 361px) {
- 
 
 105 
  .mailIcon {
- 
 
 106 
    margin-right: 0rem;
- 
 
 107 
  }
- 
 
 108 
}
- 
 
 109 
 
- 
 
 110 
.bellIcon {
- 
 
 111 
  color: #16283c;
- 
 
 112 
  font-size: 1.2rem;
- 
 
 113 
  display: flex;
- 
 
 114 
  justify-content: center;
- 
 
 115 
  align-items: center;
- 
 
 116 
  font-weight: 600;
- 
 
 117 
  clip-path: circle(50%);
- 
 
 118 
}
- 
 
 119 
.bellIcon .badge {
- 
 
 120 
  top: 25%;
- 
 
 121 
}
- 
 
 122 
@media (max-width: 361px) {
- 
 
 123 
  .bellIcon {
- 
 
 124 
    font-size: 1rem;
- 
 
 125 
    width: 21px;
- 
 
 126 
    height: 21px;
- 
 
 127 
  }
- 
 
 128 
}
- 
 
 129 
 
- 
 
 130 
.triangleDown {
- 
 
 131 
  border-left: 7px solid transparent;
- 
 
 132 
  border-right: 7px solid transparent;
- 
 
 133 
  border-top: 7px solid white;
- 
 
 134 
  margin-left: 0.5rem;
- 
 
 135 
}
- 
 
 136 
 
- 
 
 137 
.triangleUp {
- 
 
 138 
  border-left: 7px solid transparent;
- 
 
 139 
  border-right: 7px solid transparent;
- 
 
 140 
  border-bottom: 7px solid white;
- 
 
 141 
  margin-left: 0.5rem;
- 
 
 142 
}
- 
 
 143 
 
- 
 
 144 
.backdrop {
- 
 
 145 
  position: absolute;
- 
 
 146 
  top: 0;
- 
 
 147 
  left: 0;
- 
 
 148 
  width: 100%;
- 
 
 149 
  height: 100%;
- 
 
 150 
  background-color: rgba(0, 0, 0, 0.205);
- 
 
 151 
  z-index: 900;
- 
 
 152 
}
- 
 
 153 
 
- 
 
 154 
.searchInputContainer {
- 
 
 155 
  display: flex;
- 
 
 156 
  font-size: 0.9rem;
- 
 
 157 
  width: 50%;
- 
 
 158 
  order: 2;
- 
 
 159 
}
- 
 
 160 
.searchInputContainer form {
- 
 
 161 
  display: flex;
- 
 
 162 
  align-items: center;
- 
 
 163 
  width: 260px;
- 
 
 164 
  height: 1.6rem;
- 
 
 165 
  position: relative;
- 
 
 166 
}
- 
 
 167 
.searchInputContainer input {
- 
 
 168 
  width: 100%;
- 
 
 169 
  padding: 0.5rem 1rem 0.5rem 2rem;
- 
 
 170 
  border-radius: 30px;
- 
 
 171 
  background-color: #fff;
- 
 
 172 
  color: #16283c;
- 
 
 173 
  border: solid 1px #e8e8e8;
- 
 
 174 
  height: 40px;
- 
 
 175 
}
- 
 
 176 
.searchInputContainer input::placeholder {
- 
 
 177 
  color: #16283c;
- 
 
 178 
}
- 
 
 179 
.searchInputContainer button {
- 
 
 180 
  font-size: 1.3rem;
- 
 
 181 
  color: #16283c;
- 
 
 182 
  border: none;
- 
 
 183 
  position: absolute;
- 
 
 184 
  left: 0.5rem;
- 
 
 185 
  top: 50%;
- 
 
 186 
  transform: translateY(-50%);
- 
 
 187 
}
- 
 
 188 
@media (max-width: 361px) {
- 
 
 189 
  .searchInputContainer {
- 
 
 190 
    max-width: 70%;
- 
 
 191 
  }
- 
 
 192 
}
- 
 
 193 
 
- 
 
 194 
.chatIcon {
- 
 
 195 
  width: 30px;
- 
 
 196 
  height: 30px;
- 
 
 197 
  object-fit: contain;
- 
 
 198 
  margin-right: 0.2rem;
- 
 
 199 
  position: relative;
- 
 
 200 
}
- 
 
 201 
.chatIcon_active::before {
- 
 
 202 
  content: "";
- 
 
 203 
  width: 10px;
- 
 
 204 
  height: 10px;
- 
 
 205 
  border-radius: 50%;
- 
 
 206 
  background-color: red;
- 
 
 207 
  position: absolute;
- 
 
 208 
  top: -1px;
- 
 
 209 
  right: 1px;
- 
 
 210 
}
- 
 
 211 
 
- 
 
 212 
@media (min-width: 1000px) {
- 
 
 213 
  .chatIcon {
- 
 
 214 
    display: none;
- 
 
 215 
  }
- 
 
 216 
}
- 
 
 217 
@media (min-width: 1024px) {
- 
 
 218 
  .navbar {
- 
 
 219 
    height: 104px;
- 
 
 220 
    padding: 0px 2rem;
- 
 
 221 
    gap: 0;
- 
 
 222 
  }
- 
 
 223 
}
- 
 
 224 
@media (min-width: 768px) {
- 
 
 225 
  .logo {
- 
 
 226 
    width: 130px;
- 
 
 227 
  }
- 
 
 228 
  .hamburgerIcon {
- 
 
 229 
    display: none;
- 
 
 230 
  }
- 
 
 231 
  .searchInputContainer {
- 
 
 232 
    width: 20%;
- 
 
 233 
    order: 3;
- 
 
 234 
  }
- 
 
 235 
  .bellIcon {
- 
 
 236 
    background-color: initial;
- 
 
 237 
    color: #16283c;
- 
 
 238 
  }
- 
 
 239 
}
31 
 
 240