Actualizar frontend/src/pages/Retiros.jsx

This commit is contained in:
2026-09-28 17:16:52 -05:00
parent c1bcd4ea5b
commit 9a8f698ab8

View File

@@ -709,7 +709,7 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
} }
const th = { background: "#334155", color: "#f1f5f9", padding: "9px 10px", fontSize: 11, const th = { background: "#334155", color: "#f1f5f9", padding: "9px 10px", fontSize: 11,
fontWeight: 700, textAlign: "left", whiteSpace: "nowrap", position: "sticky", top: 0 }; fontWeight: 700, textAlign: "center", whiteSpace: "nowrap", position: "sticky", top: 0 };
const td = { padding: "8px 10px", fontSize: 12.5, borderBottom: "1px solid #f1f5f9", const td = { padding: "8px 10px", fontSize: 12.5, borderBottom: "1px solid #f1f5f9",
whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }; whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" };
@@ -719,7 +719,7 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
display: "flex", alignItems: "flex-start", justifyContent: "center", display: "flex", alignItems: "flex-start", justifyContent: "center",
zIndex: 1000, padding: "40px 20px", overflow: "auto" }}> zIndex: 1000, padding: "40px 20px", overflow: "auto" }}>
<div onClick={(e) => e.stopPropagation()} <div onClick={(e) => e.stopPropagation()}
style={{ background: "#fff", borderRadius: 16, width: "min(1100px, 96vw)", style={{ background: "#fff", borderRadius: 16, width: "min(1300px, 97vw)",
boxShadow: "0 20px 60px rgba(0,0,0,.3)", overflow: "hidden" }}> boxShadow: "0 20px 60px rgba(0,0,0,.3)", overflow: "hidden" }}>
<div style={{ display: "flex", alignItems: "center", justifyContent: "space-between", <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between",
padding: "16px 20px", borderBottom: "1px solid #e2e8f0" }}> padding: "16px 20px", borderBottom: "1px solid #e2e8f0" }}>
@@ -743,9 +743,10 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
<table style={{ width: "100%", borderCollapse: "collapse" }}> <table style={{ width: "100%", borderCollapse: "collapse" }}>
<thead><tr> <thead><tr>
<th style={th}>ALUMNO</th><th style={th}>VENDEDOR</th> <th style={th}>ALUMNO</th><th style={th}>VENDEDOR</th>
<th style={th}>F. MATRÍCULA</th><th style={th}>PROGRAMA</th> <th style={th}>F. MATRÍCULA</th>
<th style={{ ...th, textAlign: "right" }}>INV. NETA</th> <th style={{ ...th, minWidth: 340 }}>PROGRAMA</th>
<th style={{ ...th, textAlign: "center" }}>ESTADO</th> <th style={th}>INV. NETA</th>
<th style={th}>ESTADO</th>
</tr></thead> </tr></thead>
<tbody> <tbody>
{filtrados.length === 0 && ( {filtrados.length === 0 && (
@@ -761,9 +762,9 @@ function ModalBuscarRetiro({ ano, mes, onClose, onCambio }) {
<tr key={i} style={porRetirar ? { background: "#fff7ed" } : undefined}> <tr key={i} style={porRetirar ? { background: "#fff7ed" } : undefined}>
<td style={{ ...td, fontWeight: 600, color: "#1e293b", maxWidth: 240 }}>{f[1]}</td> <td style={{ ...td, fontWeight: 600, color: "#1e293b", maxWidth: 240 }}>{f[1]}</td>
<td style={{ ...td, color: "#475569", maxWidth: 160 }}>{f[0]}</td> <td style={{ ...td, color: "#475569", maxWidth: 160 }}>{f[0]}</td>
<td style={{ ...td, color: "#475569" }}>{f[2]}</td> <td style={{ ...td, color: "#475569", textAlign: "center" }}>{f[2]}</td>
<td style={{ ...td, color: "#475569", maxWidth: 260 }}>{f[8]}</td> <td style={{ ...td, color: "#475569", minWidth: 340, maxWidth: 360 }}>{f[8]}</td>
<td style={{ ...td, textAlign: "right", color: "#1e293b" }}>{f[7]}</td> <td style={{ ...td, textAlign: "center", color: "#1e293b" }}>{f[7]}</td>
<td style={{ ...td, textAlign: "center" }}> <td style={{ ...td, textAlign: "center" }}>
<select value={est} <select value={est}
onChange={(e) => cambiarEstado(mat, e.target.value)} onChange={(e) => cambiarEstado(mat, e.target.value)}