From 46c5bcd613c758d26d3fc6d1c7693f35f56a5098 Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Fri, 28 Nov 2025 11:49:20 -0600 Subject: [PATCH] modified styles --- src/app/(Operador)/cambiarPass/page.tsx | 2 +- .../Equipo_Computo/pregunta1_1.module.scss | 1 + .../Equipo_Computo/pregunta2.module.scss | 1 + .../Equipo_Computo/pregunta3.module.scss | 178 +++++++++--------- src/components/Equipo_Computo/pregunta7.css | 1 + .../Perifericos/pregunta1EP.module.scss | 10 +- src/components/Perifericos/pregunta5EP.scss | 1 + 7 files changed, 102 insertions(+), 92 deletions(-) diff --git a/src/app/(Operador)/cambiarPass/page.tsx b/src/app/(Operador)/cambiarPass/page.tsx index f97c8a6..2b8f9ca 100644 --- a/src/app/(Operador)/cambiarPass/page.tsx +++ b/src/app/(Operador)/cambiarPass/page.tsx @@ -86,7 +86,7 @@ export default function UpdateUserPage() { return (
-

Actualizar contraseña

+

Actualiza tus datos

diff --git a/src/components/Equipo_Computo/pregunta1_1.module.scss b/src/components/Equipo_Computo/pregunta1_1.module.scss index 83ef132..a3099b5 100644 --- a/src/components/Equipo_Computo/pregunta1_1.module.scss +++ b/src/components/Equipo_Computo/pregunta1_1.module.scss @@ -19,6 +19,7 @@ border-radius: 8px; padding: 15px; font-size: 16px; + text-align: start; } .tabla-contenedor { diff --git a/src/components/Equipo_Computo/pregunta2.module.scss b/src/components/Equipo_Computo/pregunta2.module.scss index dfbe781..834b4ed 100644 --- a/src/components/Equipo_Computo/pregunta2.module.scss +++ b/src/components/Equipo_Computo/pregunta2.module.scss @@ -24,6 +24,7 @@ border-radius: 8px; padding: 15px; font-size: 16px; + text-align: start; } .container_P1 { diff --git a/src/components/Equipo_Computo/pregunta3.module.scss b/src/components/Equipo_Computo/pregunta3.module.scss index 22afdea..7368539 100644 --- a/src/components/Equipo_Computo/pregunta3.module.scss +++ b/src/components/Equipo_Computo/pregunta3.module.scss @@ -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; } -} \ No newline at end of file +} diff --git a/src/components/Equipo_Computo/pregunta7.css b/src/components/Equipo_Computo/pregunta7.css index 7f46cac..b569bd8 100644 --- a/src/components/Equipo_Computo/pregunta7.css +++ b/src/components/Equipo_Computo/pregunta7.css @@ -19,6 +19,7 @@ padding: 15px; border-radius: 8px; font-size: 16px; + text-align: start; } .tabla-contenedor { diff --git a/src/components/Perifericos/pregunta1EP.module.scss b/src/components/Perifericos/pregunta1EP.module.scss index 03c9d89..d784afe 100644 --- a/src/components/Perifericos/pregunta1EP.module.scss +++ b/src/components/Perifericos/pregunta1EP.module.scss @@ -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; } -} \ No newline at end of file + + .grid{ + display: flex; + flex-direction: column; + align-items: start; + } +} diff --git a/src/components/Perifericos/pregunta5EP.scss b/src/components/Perifericos/pregunta5EP.scss index 24ba525..91a67bc 100644 --- a/src/components/Perifericos/pregunta5EP.scss +++ b/src/components/Perifericos/pregunta5EP.scss @@ -31,6 +31,7 @@ .item { flex: 1; + width: 100%; } label {