modified editar

This commit is contained in:
2025-10-27 15:35:23 -06:00
parent 22be893fe4
commit 4948dbf065
7 changed files with 303 additions and 143 deletions
+8
View File
@@ -74,3 +74,11 @@ label {
img {
object-fit: cover;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #333;
font-size: 14px;
}
+6 -5
View File
@@ -25,11 +25,6 @@
font-size: 1.5rem;
}
.barNavigation ul.active {
display: flex;
width: 100%;
}
.menuToggle {
display: none;
flex-direction: column;
@@ -157,7 +152,9 @@
}
.barNavigation ul.active {
left: 0;
display: flex;
width: 100vw;
}
.barNavigation li:hover {
@@ -185,4 +182,8 @@
tbody {
font-size: 1rem;
}
.subMenu a span {
color: #fff;
}
}
+27 -27
View File
@@ -38,32 +38,6 @@
flex-direction: column;
min-width: 0;
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #333;
font-size: 14px;
}
input,
select,
textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc; /* Borde azul como en la imagen */
border-radius: 6px;
font-size: 15px;
transition: border-color 0.2s ease;
height: 40px;
&:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);
}
}
textarea.textAreaLarge {
height: auto;
min-height: 80px;
@@ -87,10 +61,31 @@
}
}
input,
select,
textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc; /* Borde azul como en la imagen */
border-radius: 6px;
font-size: 15px;
transition: border-color 0.2s ease;
height: 40px;
&:focus {
outline: none;
border-color: #007bff;
box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);
}
}
.formActions {
display: flex;
justify-content: flex-end;
justify-content: space-evenly;
align-items: end;
gap: 30px;
width: 100%;
height: 100%;
.btnGuardar {
background-color: #ffb700;
color: #000;
@@ -126,6 +121,7 @@
@media (max-width: 768px) {
.agregarEquipoContainer .innerContainer {
padding: 15px;
max-width: 90vw;
}
.equipoForm {
@@ -157,3 +153,7 @@
}
}
}
.information {
border-bottom: 1px solid;
}
+24 -27
View File
@@ -3,7 +3,6 @@
flex-direction: column;
padding: 0;
margin: 0;
background-color: #ffffff;
}
.header {
@@ -22,8 +21,6 @@
font-size: 1.5rem;
color: #0056b3;
}
}
.scanView {
@@ -39,7 +36,7 @@
h3 {
font-size: 16px;
font-weight:500;
font-weight: 500;
margin: 0;
}
}
@@ -56,7 +53,7 @@
background-color: #f9f9f9;
font-size: 80px;
color: #000;
img{
img {
width: 150px;
height: auto;
}
@@ -82,7 +79,7 @@
align-items: center;
gap: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
color:#003E79 ;
color: #003e79;
&:hover {
background-color: #ffcc33;
}
@@ -108,28 +105,28 @@
}
.searchButton {
background-color: #0056b3;
color: white;
border-radius: 10px;
border: none;
padding: 0 5px;
cursor: pointer;
font-size: 18px;
margin-right: 10px;
display: flex; // ← Activa Flexbox
align-items: center; // ← Centra verticalmente
justify-content: center; // ← Centra horizontalmente
width: 36px; // ← Opcional: da un ancho fijo para que sea cuadrado
height: 36px; // ← Opcional: altura igual al ancho
background-color: #0056b3;
color: white;
border-radius: 10px;
border: none;
padding: 0 5px;
cursor: pointer;
font-size: 18px;
margin-right: 10px;
display: flex; // ← Activa Flexbox
align-items: center; // ← Centra verticalmente
justify-content: center; // ← Centra horizontalmente
width: 36px; // ← Opcional: da un ancho fijo para que sea cuadrado
height: 36px; // ← Opcional: altura igual al ancho
&:hover {
background-color: #004494;
}
&:hover {
background-color: #004494;
}
img {
display: block;
width: 20px; // ← Ajusta el tamaño del icono
height: auto; // ← Mantiene proporción
img {
display: block;
width: 20px; // ← Ajusta el tamaño del icono
height: auto; // ← Mantiene proporción
}
}
}
}