consultoria-as/GRH
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Meter changes

Browse Source
This commit is contained in:
Esteban
2026-01-29 18:10:37 -06:00
parent 33b072436d
commit b5ea12dd27
5 changed files with 119 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/pages/Home.tsx
View File

@@ -204,24 +204,24 @@ export default function Home({
{/* Título + Selector */}
<div className="flex flex-col gap-3">
{/* ✅ Título + logo a la derecha */}
<div className="relative flex items-start justify-between gap-6">
<div className="relative z-10">
<h1 className="text-3xl font-bold text-gray-800">
Sistema de Tomas de Agua
</h1>
<p className="text-gray-600 mt-2">
Monitorea, administra y controla tus operaciones en un solo lugar.
</p>
</div>
<div className="relative flex items-start justify-between gap-6">
<div className="relative z-10">
<h1 className="text-3xl font-bold text-gray-800">
Sistema de Tomas de Agua
</h1>
<p className="text-gray-600 mt-2">
Monitorea, administra y controla tus operaciones en un solo lugar.
</p>
</div>
{/* ✅ Logo con z-index bajo para NO tapar menús */}
<img
src={grhWatermark}
alt="Gestión de Recursos Hídricos"
className="relative z-0 h-10 w-auto opacity-80 select-none pointer-events-none shrink-0"
draggable={false}
/>
</div>
{/* ✅ Logo con z-index bajo para NO tapar menús */}
<img
src={grhWatermark}
alt="Gestión de Recursos Hídricos"
className="relative z-0 h-16 w-auto opacity-80 select-none pointer-events-none shrink-0"
draggable={false}
/>
</div>
{/* Cards de Secciones */}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
@@ -238,9 +238,11 @@ export default function Home({
<span className="font-semibold text-gray-700">Alertas</span>
</div>
<div className="bg-white rounded-xl shadow p-6 flex flex-col items-center justify-center gap-2 hover:bg-yellow-50 transition">
<div className="cursor-pointer bg-white rounded-xl shadow p-6 flex flex-col items-center justify-center gap-2 hover:bg-yellow-50 transition"
onClick={() => setPage("projects")}
>
<Settings size={40} className="text-yellow-600" />
<span className="font-semibold text-gray-700">Mantenimiento</span>
<span className="font-semibold text-gray-700">Proyectos</span>
</div>
<div className="bg-white rounded-xl shadow p-6 flex flex-col items-center justify-center gap-2 hover:bg-green-50 transition">
@@ -270,15 +272,15 @@ export default function Home({
</div>
{showOrganisms && (
<div className="fixed inset-0 z-30">
{/* Overlay */}
<div
className="absolute inset-0 bg-black/40"
onClick={() => {
setShowOrganisms(false);
setOrganismQuery("");
}}
/>
<div className="fixed inset-0 z-30">
{/* Overlay */}
<div
className="absolute inset-0 bg-black/40"
onClick={() => {
setShowOrganisms(false);
setOrganismQuery("");
}}
/>
{/* Panel */}
<div className="absolute right-0 top-0 h-full w-full sm:w-[520px] bg-white shadow-2xl flex flex-col">