Spaces:

aarnal80
/

AppConsulta360

Running

App Files Files Community

aarnal80 commited on Apr 22, 2025

Commit

b9ad2d5

verified ·

1 Parent(s): 87f14a8

Update proa/proa.html

Browse files

Files changed (1) hide show

proa/proa.html +15 -14

proa/proa.html CHANGED Viewed

@@ -23,7 +23,7 @@
     #guide-content-area { background-color: white; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 1.5rem; margin-top: 1rem; min-height: 300px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
     .hidden { display: none; }
   </style>
-  </head>
 <body class="bg-gray-50 min-h-screen">
   <div class="mx-auto max-w-4xl p-6 my-8 bg-white rounded-xl shadow-md">
@@ -34,50 +34,51 @@
       </h1>
       <p class="text-gray-600 mt-1">Consulta de Guías Clínicas</p>
     </div>
-    <div class="flex justify-between items-center mb-4"> <a href="index.html" class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg flex items-center text-base shadow transition-colors" title="Volver al Asistente">
-          <i class="fas fa-arrow-left mr-2"></i>Volver al Asistente
-        </a>
-        <button id="btnConfigProa" class="border border-blue-500 text-blue-700 hover:bg-blue-50 px-4 py-2 rounded-lg flex items-center transition-colors">
-          <i class="fas fa-cogs mr-2"></i>Configuración IA
-        </button>
     </div>
     <div id="configModal">
       <div id="configContent">
         <div id="iaConfigContainer"></div>
       </div>
     </div>
     <div class="bg-teal-50 p-6 rounded-lg mb-6 border border-teal-100 shadow">
       <div class="mb-4 flex justify-end items-center">
          <label for="togglePediatric" class="mr-3 text-sm font-medium text-gray-700">Mostrar Guías Pediátricas:</label>
          <input type="checkbox" id="togglePediatric" class="form-checkbox h-5 w-5 text-pink-600 rounded focus:ring-pink-500 cursor-pointer">
       </div>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
         <div class="md:col-span-1">
           <h2 class="text-lg font-semibold text-teal-800 mb-3">Guías Disponibles:</h2>
           <div id="guide-list-container" class="max-h-96 overflow-y-auto pr-2">
             <p class="text-gray-500">Cargando lista de guías...</p>
           </div>
         </div>
         <div class="md:col-span-2">
            <h2 class="text-lg font-semibold text-teal-800 mb-3">Contenido de la Guía:</h2>
            <div id="guide-content-area">
               <p class="text-gray-500 text-center mt-10">Selecciona una guía de la lista para ver su contenido aquí.</p>
            </div>
         </div>
-      </div>
       </div>
-    <div class="text-center mt-8 pt-6 border-t border-gray-200">
       <p class="text-gray-600">
         Desarrollado por el Dr. Antonio J. Arnal Meinhardt<br>
         <span class="text-sm">Médico de Urgencias | Atención Primaria</span>
       </p>
       <p class="text-xs text-gray-500 mt-1">Guías PROA basadas en documentación del Hospital de Alcañiz.</p>
     </div>
-    </div>
-  <script type="module" src="./js/proa.js"></script>
   </body>
 </html>

     #guide-content-area { background-color: white; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 1.5rem; margin-top: 1rem; min-height: 300px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
     .hidden { display: none; }
   </style>
+</head>
 <body class="bg-gray-50 min-h-screen">
   <div class="mx-auto max-w-4xl p-6 my-8 bg-white rounded-xl shadow-md">
       </h1>
       <p class="text-gray-600 mt-1">Consulta de Guías Clínicas</p>
     </div>
+    <div class="flex justify-between items-center mb-4">
+      <a href="../index.html" class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg flex items-center text-base shadow transition-colors" title="Volver al Asistente">
+        <i class="fas fa-arrow-left mr-2"></i>Volver al Asistente
+      </a>
+      <button id="btnConfigProa" class="border border-blue-500 text-blue-700 hover:bg-blue-50 px-4 py-2 rounded-lg flex items-center transition-colors">
+        <i class="fas fa-cogs mr-2"></i>Configuración IA
+      </button>
     </div>
     <div id="configModal">
       <div id="configContent">
         <div id="iaConfigContainer"></div>
       </div>
     </div>
     <div class="bg-teal-50 p-6 rounded-lg mb-6 border border-teal-100 shadow">
       <div class="mb-4 flex justify-end items-center">
          <label for="togglePediatric" class="mr-3 text-sm font-medium text-gray-700">Mostrar Guías Pediátricas:</label>
          <input type="checkbox" id="togglePediatric" class="form-checkbox h-5 w-5 text-pink-600 rounded focus:ring-pink-500 cursor-pointer">
       </div>
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
         <div class="md:col-span-1">
           <h2 class="text-lg font-semibold text-teal-800 mb-3">Guías Disponibles:</h2>
           <div id="guide-list-container" class="max-h-96 overflow-y-auto pr-2">
             <p class="text-gray-500">Cargando lista de guías...</p>
           </div>
         </div>
         <div class="md:col-span-2">
            <h2 class="text-lg font-semibold text-teal-800 mb-3">Contenido de la Guía:</h2>
            <div id="guide-content-area">
               <p class="text-gray-500 text-center mt-10">Selecciona una guía de la lista para ver su contenido aquí.</p>
            </div>
         </div>
       </div>
+    </div> <div class="text-center mt-8 pt-6 border-t border-gray-200">
       <p class="text-gray-600">
         Desarrollado por el Dr. Antonio J. Arnal Meinhardt<br>
         <span class="text-sm">Médico de Urgencias | Atención Primaria</span>
       </p>
       <p class="text-xs text-gray-500 mt-1">Guías PROA basadas en documentación del Hospital de Alcañiz.</p>
     </div>
+  </div> <script type="module" src="../js/proa.js"></script>
   </body>
 </html>