From 2df862f7747b252feb1b0ced33956a95173859f4 Mon Sep 17 00:00:00 2001 From: IO420 <320154041@pcpuma.acatlan.unam.mx> Date: Thu, 20 Nov 2025 14:19:30 -0600 Subject: [PATCH] added new style and fixed ask 1 --- src/app/(Administrador)/perifericos/page.tsx | 28 ++++++++++--------- .../pregunta1_1/pregunta1.1.css | 2 +- .../(Administrador)/pregunta7/pregunta7.css | 1 + .../(Administrador)/pregunta7_1/pregunta7.css | 3 +- src/app/styles/layout/reporte.scss | 2 ++ src/components/Equipo_Computo/Pregunta7.tsx | 2 +- src/components/Equipo_Computo/pregunta7.css | 1 + src/components/Perifericos/Pregunta1EP.tsx | 8 +++--- src/components/Perifericos/Pregunta2EP.tsx | 5 +--- src/components/Perifericos/Pregunta4EP.tsx | 2 +- src/components/Perifericos/Pregunta5EP.tsx | 5 +--- .../Perifericos/pregunta1EP.module.scss | 14 +++++++++- 12 files changed, 43 insertions(+), 30 deletions(-) diff --git a/src/app/(Administrador)/perifericos/page.tsx b/src/app/(Administrador)/perifericos/page.tsx index e6d9a13..2611dbf 100644 --- a/src/app/(Administrador)/perifericos/page.tsx +++ b/src/app/(Administrador)/perifericos/page.tsx @@ -10,17 +10,13 @@ import "../../styles/layout/reporte.scss"; type PreguntaKey = | "pregunta1" - | "pregunta2" | "pregunta4" - | "pregunta5" | "pregunta7"; const LABELS: Record = { - pregunta1: "Pregunta 1", - pregunta2: "Pregunta 2", - pregunta4: "Pregunta 4", - pregunta5: "Pregunta 5", - pregunta7: "Pregunta 7", + pregunta1: "Impresion", + pregunta4: "Digitalizacion", + pregunta7: "Antiguedad", }; export default function Page() { @@ -29,13 +25,19 @@ export default function Page() { const renderPregunta = () => { switch (activeTab) { case "pregunta1": - return ; - case "pregunta2": - return ; + return ( + <> + + + + ) case "pregunta4": - return ; - case "pregunta5": - return ; + return ( + <> + + + + ) case "pregunta7": return ; default: diff --git a/src/app/(Administrador)/pregunta1_1/pregunta1.1.css b/src/app/(Administrador)/pregunta1_1/pregunta1.1.css index f7c439b..e53762a 100644 --- a/src/app/(Administrador)/pregunta1_1/pregunta1.1.css +++ b/src/app/(Administrador)/pregunta1_1/pregunta1.1.css @@ -15,7 +15,7 @@ .pregunta-cuadro { background-color: #f5f5f5; - border-left: 6px solid #001f3f; + border-left: 10px solid #001f3f; padding: 15px; border-radius: 8px; font-size: 16px; diff --git a/src/app/(Administrador)/pregunta7/pregunta7.css b/src/app/(Administrador)/pregunta7/pregunta7.css index 7441c2d..8170d48 100644 --- a/src/app/(Administrador)/pregunta7/pregunta7.css +++ b/src/app/(Administrador)/pregunta7/pregunta7.css @@ -8,6 +8,7 @@ padding: 15px; font-size: 16px; margin-bottom: 25px; + border-radius: 4px; } diff --git a/src/app/(Administrador)/pregunta7_1/pregunta7.css b/src/app/(Administrador)/pregunta7_1/pregunta7.css index 1006c85..2f13f7a 100644 --- a/src/app/(Administrador)/pregunta7_1/pregunta7.css +++ b/src/app/(Administrador)/pregunta7_1/pregunta7.css @@ -5,11 +5,12 @@ .contenedor-censo{ background-color: #001f3f; color: white; +border-radius: 4px; } .pregunta-cuadro { - border-left: 6px solid #001f3f; + border-left: 10px solid #001f3f; padding: 15px; border-radius: 8px; font-size: 16px; diff --git a/src/app/styles/layout/reporte.scss b/src/app/styles/layout/reporte.scss index 52f4ff9..505c16e 100644 --- a/src/app/styles/layout/reporte.scss +++ b/src/app/styles/layout/reporte.scss @@ -87,6 +87,8 @@ .data-table_reporte { display: flex; + flex-direction: column; + gap: 10px; justify-content: center; padding: 20px; background-color: #f5f5f7; diff --git a/src/components/Equipo_Computo/Pregunta7.tsx b/src/components/Equipo_Computo/Pregunta7.tsx index 9bd8b97..3d19c11 100644 --- a/src/components/Equipo_Computo/Pregunta7.tsx +++ b/src/components/Equipo_Computo/Pregunta7.tsx @@ -21,7 +21,7 @@ export default function Pregunta7() {
- 7. Calcule porcentualmente (%) la antiguedad que tienen los equipos + Antiguedad que tienen los equipos periféricos del área universitaria.
diff --git a/src/components/Equipo_Computo/pregunta7.css b/src/components/Equipo_Computo/pregunta7.css index 735b800..ecc84f0 100644 --- a/src/components/Equipo_Computo/pregunta7.css +++ b/src/components/Equipo_Computo/pregunta7.css @@ -8,6 +8,7 @@ padding: 15px; font-size: 16px; margin-bottom: 25px; + border-radius: 4px; } diff --git a/src/components/Perifericos/Pregunta1EP.tsx b/src/components/Perifericos/Pregunta1EP.tsx index 95c9a67..42c269a 100644 --- a/src/components/Perifericos/Pregunta1EP.tsx +++ b/src/components/Perifericos/Pregunta1EP.tsx @@ -1,6 +1,6 @@ "use client"; import React, { useState, useEffect } from "react"; -import "./pregunta1EP.module.scss"; +import style from "./pregunta1EP.module.scss"; interface EquiposImpresion { inyeccionTinta: string; @@ -48,15 +48,15 @@ export default function Pregunta1EP() { return (
- Censo de equipos periféricos - Equipo de digitalización + Censo de equipos periféricos - Equipo de Impresion
- 1. Desglose el número de equipos de impresión con que cuenta el área + Desglose el número de equipos de impresión con que cuenta el área universitaria.
-
+
{/* Columna 1 */}
diff --git a/src/components/Perifericos/Pregunta2EP.tsx b/src/components/Perifericos/Pregunta2EP.tsx index c8d0ccd..bf7ac66 100644 --- a/src/components/Perifericos/Pregunta2EP.tsx +++ b/src/components/Perifericos/Pregunta2EP.tsx @@ -41,12 +41,9 @@ export default function Pregunta2EP() { return (
-
- Censo de equipos periféricos - Equipo de digitalización -
- 2. Indique el número de equipos de impresión de acuerdo con la población universitaria al que se destina su uso primordialmente. + Indique el número de equipos de impresión de acuerdo con la población universitaria al que se destina su uso primordialmente.
diff --git a/src/components/Perifericos/Pregunta4EP.tsx b/src/components/Perifericos/Pregunta4EP.tsx index f0e50f5..75e5a52 100644 --- a/src/components/Perifericos/Pregunta4EP.tsx +++ b/src/components/Perifericos/Pregunta4EP.tsx @@ -43,7 +43,7 @@ export default function Pregunta4EP() {
- 4. Desglose el número de equipos de digitalización con que cuenta el + Desglose el número de equipos de digitalización con que cuenta el área universitaria.
diff --git a/src/components/Perifericos/Pregunta5EP.tsx b/src/components/Perifericos/Pregunta5EP.tsx index ea74b97..d8c27e3 100644 --- a/src/components/Perifericos/Pregunta5EP.tsx +++ b/src/components/Perifericos/Pregunta5EP.tsx @@ -41,12 +41,9 @@ export default function Pregunta5EP() { }; return (
-
- Censo de equipos periféricos - Equipo de digitalización -
- 5. Indique el número de equipos de digitalización de acuerdo con la + Indique el número de equipos de digitalización de acuerdo con la población universitaria al que se destina su uso primordialmente.
diff --git a/src/components/Perifericos/pregunta1EP.module.scss b/src/components/Perifericos/pregunta1EP.module.scss index 8e0df57..e63f09d 100644 --- a/src/components/Perifericos/pregunta1EP.module.scss +++ b/src/components/Perifericos/pregunta1EP.module.scss @@ -122,6 +122,18 @@ } } +.grid { + background-color: #fff; + border-radius: 10px; + grid-template-columns: repeat(3, 1fr); + align-items: end; + gap: 20px; + padding: 20px; + display: grid; + overflow-x: auto; + box-shadow: 0 4px 10px #0000001a; +} + @media (max-width: 700px) { .scanView_P1 .tabs_P1 { width: 160px; @@ -132,4 +144,4 @@ padding: 10px 12px; text-align: left; } -} +} \ No newline at end of file