From cbd3f3d1a5fb1a2d316851837d5e94df115bf2c0 Mon Sep 17 00:00:00 2001 From: Alejandra-Guzman-Mendez <424118767@pcpuma.acatlan.unam.mx> Date: Fri, 7 Nov 2025 09:59:54 -0600 Subject: [PATCH] mensaje --- src/app/(Administrador)/pregunta9/page.tsx | 4 +-- .../(Administrador)/pregunta9/pregunta9.css | 25 ++++++++++--------- 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/src/app/(Administrador)/pregunta9/page.tsx b/src/app/(Administrador)/pregunta9/page.tsx index 7fbbd5f..ad16e1d 100644 --- a/src/app/(Administrador)/pregunta9/page.tsx +++ b/src/app/(Administrador)/pregunta9/page.tsx @@ -3,14 +3,14 @@ import React, { useState } from "react"; import "./pregunta9.css"; export default function Pregunta9() { - // Estado para Pregunta 9 + const [datos, setDatos] = useState([ { nombre: "Computadoras de Escritorio", valores: ["", "", "", ""] }, { nombre: "Computadoras Portátiles", valores: ["", "", "", ""] }, { nombre: "Alto Rendimiento", valores: ["", "", "", ""] }, ]); - // Estado para Pregunta 10 + const [garantia, setGarantia] = useState({ escritorio: "", portatil: "", diff --git a/src/app/(Administrador)/pregunta9/pregunta9.css b/src/app/(Administrador)/pregunta9/pregunta9.css index c79800b..2b0c051 100644 --- a/src/app/(Administrador)/pregunta9/pregunta9.css +++ b/src/app/(Administrador)/pregunta9/pregunta9.css @@ -14,7 +14,7 @@ margin-bottom: 25px; } -/* Tarjeta */ + .tabla-contenedor { background: white; padding: 20px; @@ -34,6 +34,7 @@ .tabla td { border: 1px solid #ddd; padding: 12px; + } .tabla th { @@ -57,7 +58,7 @@ color: white; } -/* Contenedor input (para ambas preguntas) */ +/* Contenedor input */ .input-contenedor { position: relative; display: flex; @@ -66,21 +67,21 @@ height: 100%; } -/* Input editable */ +/* Input */ .input-contenedor input { width: 70%; - padding: 6px 25px 6px 6px; /* espacio derecho para % si se usa */ - border: 2px solid #002855; /* borde azul marino */ + padding: 6px 25px 6px 6px; + border: 2px solid #002855; border-radius: 6px; font-size: 14px; color: #333; - text-align: center; /* centra el número */ + text-align: center; outline: none; background-color: rgb(232, 226, 226); box-sizing: border-box; } -/* Centrado vertical del número dentro del input */ + .input-contenedor input::-webkit-inner-spin-button, .input-contenedor input::-webkit-outer-spin-button { -webkit-appearance: none; @@ -99,16 +100,16 @@ opacity: 1; } -/* Símbolo % dentro del input (solo para Pregunta 9) */ + .input-contenedor .porcentaje { position: absolute; - right: 8px; /* alineado al borde del input */ + right: 8px; color: #555; font-weight: bold; pointer-events: none; font-size: 14px; top: 50%; - transform: translateY(-50%); /* centra verticalmente el % */ + transform: translateY(-50%); } /* Celda del total */ @@ -124,8 +125,8 @@ color: #a80000; } -/* Estilo adicional para inputs sin % (Pregunta 10) */ + .input-sin-porcentaje input { width: 70%; - padding: 6px 6px 6px 6px; /* ya no necesita espacio para % */ + padding: 6px 6px 6px 6px; }