modified styles
This commit is contained in:
@@ -86,7 +86,7 @@ export default function UpdateUserPage() {
|
||||
return (
|
||||
<section className="forgot-password-page">
|
||||
<div className="forgot-form-container">
|
||||
<h1>Actualizar contraseña</h1>
|
||||
<h1>Actualiza tus datos</h1>
|
||||
<form onSubmit={handleSubmit} className="forgot-form">
|
||||
<div>
|
||||
<label>Nombre (opcional)</label>
|
||||
|
||||
@@ -19,6 +19,7 @@
|
||||
border-radius: 8px;
|
||||
padding: 15px;
|
||||
font-size: 16px;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.tabla-contenedor {
|
||||
|
||||
@@ -24,6 +24,7 @@
|
||||
border-radius: 8px;
|
||||
padding: 15px;
|
||||
font-size: 16px;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.container_P1 {
|
||||
|
||||
@@ -8,20 +8,21 @@
|
||||
|
||||
.pregunta-cuadro_P3 {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border-left: 10px solid #003e79;
|
||||
border-radius: 8px;
|
||||
padding: 15px;
|
||||
font-size: 16px;
|
||||
background-color: #fff;
|
||||
border-left: 10px solid #003e79;
|
||||
border-radius: 8px;
|
||||
padding: 15px;
|
||||
font-size: 16px;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.container_P3 {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
.container_P3 {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.scanView_P3 {
|
||||
padding: 20px;
|
||||
@@ -74,90 +75,90 @@
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.tableWrapper_P3 {
|
||||
overflow-x: auto;
|
||||
flex: 1;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.table_P3 {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
font-size: 14px;
|
||||
background: #ffffff;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
min-width: 750px;
|
||||
|
||||
th {
|
||||
background: #f1f5f9;
|
||||
font-weight: 700;
|
||||
padding: 12px 14px;
|
||||
color: #003f80;
|
||||
border-bottom: 2px solid #e2e8f0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
.tableWrapper_P3 {
|
||||
overflow-x: auto;
|
||||
flex: 1;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 12px;
|
||||
border-bottom: 1px solid #e5e7eb;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
.table_P3 {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
font-size: 14px;
|
||||
background: #ffffff;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
min-width: 750px;
|
||||
|
||||
th {
|
||||
background: #f1f5f9;
|
||||
font-weight: 700;
|
||||
padding: 12px 14px;
|
||||
color: #003f80;
|
||||
border-bottom: 2px solid #e2e8f0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 12px;
|
||||
border-bottom: 1px solid #e5e7eb;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Primera columna */
|
||||
.processor_P3 {
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
color: #334155;
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
/* ----------- INPUTS ----------- */
|
||||
|
||||
/* Primera columna */
|
||||
.processor_P3 {
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
color: #334155;
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ----------- INPUTS ----------- */
|
||||
|
||||
.inputBox_P3 {
|
||||
width: 70px;
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #cbd5e1;
|
||||
background: #f8fafc;
|
||||
font-size: 14px;
|
||||
transition: 0.2s ease;
|
||||
}
|
||||
|
||||
.inputBox_P3:focus {
|
||||
outline: none;
|
||||
border-color: #3b82f6;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
|
||||
}
|
||||
|
||||
/* -------- FILA NORMAL -------- */
|
||||
.dataRow_P3 {
|
||||
background: #ffffff;
|
||||
|
||||
&:hover {
|
||||
.inputBox_P3 {
|
||||
width: 70px;
|
||||
padding: 6px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #cbd5e1;
|
||||
background: #f8fafc;
|
||||
font-size: 14px;
|
||||
transition: 0.2s ease;
|
||||
}
|
||||
}
|
||||
|
||||
/* -------- FILA TOTAL -------- */
|
||||
.totalRow_P3 {
|
||||
background: #e0f0ff !important;
|
||||
font-weight: 700;
|
||||
|
||||
.totalCell_P3 {
|
||||
color: #004a94;
|
||||
font-weight: 800;
|
||||
.inputBox_P3:focus {
|
||||
outline: none;
|
||||
border-color: #3b82f6;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
|
||||
}
|
||||
|
||||
/* -------- FILA NORMAL -------- */
|
||||
.dataRow_P3 {
|
||||
background: #ffffff;
|
||||
|
||||
&:hover {
|
||||
background: #f8fafc;
|
||||
}
|
||||
}
|
||||
|
||||
/* -------- FILA TOTAL -------- */
|
||||
.totalRow_P3 {
|
||||
background: #e0f0ff !important;
|
||||
font-weight: 700;
|
||||
|
||||
.totalCell_P3 {
|
||||
color: #004a94;
|
||||
font-weight: 800;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.totalCell_P3 {
|
||||
font-weight: 600;
|
||||
@@ -181,7 +182,6 @@
|
||||
padding: 40px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@@ -233,4 +233,4 @@
|
||||
.table_P3 {
|
||||
min-width: 650px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,6 +19,7 @@
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.tabla-contenedor {
|
||||
|
||||
@@ -127,7 +127,7 @@
|
||||
border-radius: 10px;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
align-items: end;
|
||||
gap: 20px;
|
||||
gap: 10px;
|
||||
padding: 20px;
|
||||
display: grid;
|
||||
overflow-x: auto;
|
||||
@@ -144,4 +144,10 @@
|
||||
padding: 10px 12px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.grid{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -31,6 +31,7 @@
|
||||
|
||||
.item {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
label {
|
||||
|
||||
Reference in New Issue
Block a user