Skip to content

style: change color components #89

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
chechojgb merged 1 commit into from
Sep 29, 2025
Merged

style: change color components #89

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 20 additions & 20 deletions resources/js/components/BL/modalUBicacion.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,12 +62,12 @@ const ModalUbicacion = ({
{/* Header */}
<div className="border-b border-gray-200 p-6">
<div className="flex justify-between items-center">
<h3 className="text-xl font-semibold text-gray-800">
<h3 className="text-xl font-semibold ">
📍 Gestionar Ubicación
</h3>
<button
onClick={onClose}
className="text-gray-400 hover:text-gray-600 text-2xl p-1 rounded-full hover:bg-gray-100 transition"
className="text-gray-400 hover:text-gray-600 text-2xl p-1 rounded-full hover:bg-gray-100 transition dark:hover:bg-gray-600 dark:text-gray-200"
>
×
</button>
Expand All @@ -76,7 +76,7 @@ const ModalUbicacion = ({
<p className="text-lg font-medium text-gray-800">
{producto.descripcion || `${producto.tipo_producto} ${producto.color_nombre} ${producto.tamanio}`}
</p>
<p className="text-sm text-gray-600 mt-1">
<p className="text-sm mt-1">
Stock: <span className="font-semibold">{producto.stock_total} unidades</span>
</p>
</div>
Expand All @@ -86,17 +86,17 @@ const ModalUbicacion = ({
<div className="p-6 space-y-6">
{/* Estantería */}
<div>
<label className="block text-sm font-medium text-gray-700 mb-3">
<label className="block text-sm font-medium mb-3">
Estantería/Rack
</label>
<select
value={estanteriaSeleccionada}
onChange={(e) => handleEstanteriaChange(e.target.value)}
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base"
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base "
>
<option value="">Seleccionar estantería...</option>
<option value="" className="dark:bg-gray-800">Seleccionar estantería...</option>
{estanterias.map(est => (
<option key={est.codigo} value={est.codigo}>
<option key={est.codigo} value={est.codigo} className="dark:bg-gray-800">
{est.nombre} ({est.tipo}) - {est.zona}
</option>
))}
Expand All @@ -105,18 +105,18 @@ const ModalUbicacion = ({

{/* Nivel */}
<div>
<label className="block text-sm font-medium text-gray-700 mb-3">
<label className="block text-sm font-medium mb-3">
Nivel
</label>
<select
value={nivelSeleccionado}
onChange={(e) => handleNivelChange(e.target.value)}
disabled={!estanteriaSeleccionada}
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base disabled:bg-gray-100 disabled:cursor-not-allowed"
className="w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-base disabled:bg-gray-100 disabled:cursor-not-allowed dark:bg-gray-800"
>
<option value="">Seleccionar nivel...</option>
<option value="" className="dark:bg-gray-800">Seleccionar nivel...</option>
{nivelesDisponibles.map(nivel => (
<option key={nivel.id} value={nivel.nivel}>
<option key={nivel.id} value={nivel.nivel} className="dark:bg-gray-800">
{nivel.nivel}
</option>
))}
Expand All @@ -125,7 +125,7 @@ const ModalUbicacion = ({

{/* Zona */}
<div>
<label className="block text-sm font-medium text-gray-700 mb-3">
<label className="block text-sm font-medium mb-3">
Zona
</label>
<div className="grid grid-cols-2 gap-4">
Expand All @@ -141,9 +141,9 @@ const ModalUbicacion = ({
disabled={!tieneEspacio}
className={`p-4 border-2 rounded-xl text-center transition-all duration-200 ${
zonaSeleccionada == zona.id
? 'bg-blue-500 text-white border-blue-500 shadow-lg scale-105'
? 'bg-blue-500 text-white border-blue-500 shadow-lg scale-105 dark:bg-gray-900 dark:border-gray-700'
: tieneEspacio
? 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50 hover:border-blue-300 hover:shadow-md'
? ' border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-400 hover:border-blue-300 dark:hover:border-black hover:shadow-md'
: 'bg-gray-100 text-gray-400 border-gray-200 cursor-not-allowed'
}`}
title={!tieneEspacio ? `Espacio insuficiente. Disponible: ${espacioDisponible}` : ''}
Expand All @@ -161,7 +161,7 @@ const ModalUbicacion = ({
)}
</div>
{zona.descripcion && (
<div className="text-xs text-gray-500 mt-1">
<div className="text-xs text-gray-500 dark:text-gray-500 mt-1">
{zona.descripcion}
</div>
)}
Expand All @@ -173,15 +173,15 @@ const ModalUbicacion = ({

{/* Vista previa */}
{estanteriaSeleccionada && nivelSeleccionado && zonaSeleccionada && (
<div className="bg-gradient-to-r from-blue-50 to-blue-100 border border-blue-200 rounded-xl p-4">
<p className="text-sm font-semibold text-blue-800 mb-2">
<div className="bg-gradient-to-r from-blue-50 to-blue-100 dark:bg-none dark:bg-gray-900 border border-blue-200 dark:border-gray-600 rounded-xl p-4">
<p className="text-sm font-semibold text-blue-800 dark:text-white mb-2">
✅ Ubicación seleccionada:
</p>
<p className="text-lg text-blue-700 font-medium">
<p className="text-lg text-blue-700 font-medium dark:text-white">
{estanterias.find(e => e.codigo === estanteriaSeleccionada)?.nombre} - {nivelSeleccionado} - Zona {zonasDisponibles.find(z => z.id == zonaSeleccionada)?.zona}
</p>
<p className="text-sm text-blue-600 mt-1">
Código: <span className="font-mono">{zonasDisponibles.find(z => z.id == zonaSeleccionada)?.codigo_completo}</span>
<p className="text-sm text-blue-600 mt-1 dark:text-white">
Código: <span className="font-mono dark:text-blue-500/80">{zonasDisponibles.find(z => z.id == zonaSeleccionada)?.codigo_completo}</span>
</p>
</div>
)}
Expand Down
2 changes: 1 addition & 1 deletion resources/js/components/BL/modalesBL.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ export default function ModalPedidosBL({ onClose, onSave, clientes, productos, s
const handleSubmit = (e) => {
e.preventDefault();
onSave({ ...formData, productos: productosSeleccionados });
onClose();
// onClose();
};

const clienteSeleccionado = clientes.find(
Expand Down
11 changes: 6 additions & 5 deletions resources/js/pages/BLPedidos.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@ export default function BLPedidos({ user, productos, colores, clientes, pedidos
success: true,
message: "Producto guardado correctamente"
});
setModalOpen(false);
// Refrescar la lista de productos
// router.visit(route('clientes.index'));
},
Expand All @@ -52,11 +53,11 @@ export default function BLPedidos({ user, productos, colores, clientes, pedidos
// Si hubo error de servidor (status 500 o más)
if (visit.response?.status >= 500) {
const msg = visit.response?.data?.message || "Error interno del servidor";
setToast({
show: true,
success: false,
message: msg
});
// setToast({
// show: true,
// success: false,
// message: msg
// });
}
}
});
Expand Down
Loading