Spaces:

aarnal80
/

AppConsulta360

Running

App Files Files Community

aarnal80 commited on Apr 22

Commit

046250c

verified ·

1 Parent(s): 70a6252

Update index.html

Browse files

Files changed (1) hide show

index.html +12 -11

index.html CHANGED Viewed

@@ -29,13 +29,12 @@
     button:disabled { opacity: 0.6; cursor: not-allowed; }
     /* --- INICIO: Estilos MÍNIMOS para Pestañas --- */
-    /* Solo necesitamos controlar la visibilidad del contenido aquí */
     .tab-content { display: none; }
     .tab-content.active { display: block; }
-    /* Los estilos de los botones se manejarán con clases Tailwind directamente en el HTML */
     /* --- FIN: Estilos MÍNIMOS para Pestañas --- */
   </style>
-</head>
 <body class="bg-gray-50 min-h-screen">
   <div class="mx-auto max-w-2xl p-6 my-8 bg-white rounded-xl shadow-md">
@@ -59,15 +58,19 @@
       <nav class="flex -mb-px space-x-1" aria-label="Tabs">
         <button id="tab-medical-analysis"
                 class="tab-button w-16 h-12 flex items-center justify-center rounded-t-lg border-b-2 focus:outline-none transition-colors duration-150 ease-in-out cursor-pointer
-                       text-indigo-600 border-transparent hover:bg-indigo-100 tab-medical-active" data-content-id="content-medical-analysis"
-                data-active-classes="bg-indigo-600 text-white border-indigo-600" data-inactive-classes="text-indigo-600 border-transparent hover:bg-indigo-100" type="button"
                 title="Análisis Médico">
           <i class="fas fa-stethoscope text-xl"></i>
         </button>
         <button id="tab-lab-analysis"
                 class="tab-button w-16 h-12 flex items-center justify-center rounded-t-lg border-b-2 focus:outline-none transition-colors duration-150 ease-in-out cursor-pointer
                        text-pink-500 border-transparent hover:bg-pink-100" data-content-id="content-lab-analysis"
-                data-active-classes="bg-pink-500 text-white border-pink-500" data-inactive-classes="text-pink-500 border-transparent hover:bg-pink-100" type="button"
                 title="Análisis de Exámenes">
           <i class="fas fa-flask text-xl"></i>
         </button>
@@ -75,8 +78,7 @@
     </div>
     <div id="tab-content-container">
-      <div id="content-medical-analysis" class="tab-content active">
-        <div class="bg-blue-50 p-6 rounded-lg mb-6 border border-blue-100 shadow">
           <h2 class="text-base font-semibold text-blue-700 mb-3 flex items-center">
             <i class="fas fa-microphone-alt mr-2"></i>Audio de Consulta
           </h2>
@@ -128,8 +130,7 @@
           </div>
         </div>
         </div>
-      <div id="content-lab-analysis" class="tab-content">
-         <div class="bg-pink-50 p-6 rounded-lg mb-6 border border-pink-100 shadow">
           <h2 class="text-base font-semibold text-pink-700 mb-4 flex items-center">
             <i class="fas fa-vial mr-2"></i>Introducir Resultados de Laboratorio
           </h2>
@@ -160,7 +161,7 @@
             </button>
           </div>
          </div>
-      </div>
       </div>
     </div>
   <div class="text-center mt-8 pt-6 border-t border-gray-200">

     button:disabled { opacity: 0.6; cursor: not-allowed; }
     /* --- INICIO: Estilos MÍNIMOS para Pestañas --- */
+    /* Control visibilidad contenido */
     .tab-content { display: none; }
     .tab-content.active { display: block; }
     /* --- FIN: Estilos MÍNIMOS para Pestañas --- */
   </style>
+  </head>
 <body class="bg-gray-50 min-h-screen">
   <div class="mx-auto max-w-2xl p-6 my-8 bg-white rounded-xl shadow-md">
       <nav class="flex -mb-px space-x-1" aria-label="Tabs">
         <button id="tab-medical-analysis"
                 class="tab-button w-16 h-12 flex items-center justify-center rounded-t-lg border-b-2 focus:outline-none transition-colors duration-150 ease-in-out cursor-pointer
+                       bg-indigo-600 text-white border-indigo-600" data-content-id="content-medical-analysis"
+                data-active-classes="bg-indigo-600 text-white border-indigo-600"
+                data-inactive-classes="text-indigo-600 border-transparent hover:bg-indigo-100"
+                type="button"
                 title="Análisis Médico">
           <i class="fas fa-stethoscope text-xl"></i>
         </button>
         <button id="tab-lab-analysis"
                 class="tab-button w-16 h-12 flex items-center justify-center rounded-t-lg border-b-2 focus:outline-none transition-colors duration-150 ease-in-out cursor-pointer
                        text-pink-500 border-transparent hover:bg-pink-100" data-content-id="content-lab-analysis"
+                data-active-classes="bg-pink-500 text-white border-pink-500"
+                data-inactive-classes="text-pink-500 border-transparent hover:bg-pink-100"
+                type="button"
                 title="Análisis de Exámenes">
           <i class="fas fa-flask text-xl"></i>
         </button>
     </div>
     <div id="tab-content-container">
+      <div id="content-medical-analysis" class="tab-content active"> <div class="bg-blue-50 p-6 rounded-lg mb-6 border border-blue-100 shadow">
           <h2 class="text-base font-semibold text-blue-700 mb-3 flex items-center">
             <i class="fas fa-microphone-alt mr-2"></i>Audio de Consulta
           </h2>
           </div>
         </div>
         </div>
+      <div id="content-lab-analysis" class="tab-content"> <div class="bg-pink-50 p-6 rounded-lg mb-6 border border-pink-100 shadow">
           <h2 class="text-base font-semibold text-pink-700 mb-4 flex items-center">
             <i class="fas fa-vial mr-2"></i>Introducir Resultados de Laboratorio
           </h2>
             </button>
           </div>
          </div>
+         </div>
       </div>
     </div>
   <div class="text-center mt-8 pt-6 border-t border-gray-200">