From 350455ddbaefd46ed537b99034df16c5c2fb7aef Mon Sep 17 00:00:00 2001
From: Consult AS Technology <ialcarazsalazar@consultoria-as.com>
Date: Tue, 8 Sep 2026 09:15:55 +0000
Subject: [PATCH] =?UTF-8?q?fix(tabbar):=20hacer=20barra=20de=20pesta=C3=B1?=
 =?UTF-8?q?as=20compacta=20y=20scrollable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Nombres de tabs acortados: Leads, Oportunidades, Apartados, Escrituración, Tablero
- Barra scrollable en móvil (overflow-x-auto)
- Botones Exportar y Kanban más compactos (px-2 py-1 text-[11px])
- Sin wrap: todo en una fila con scroll horizontal
---
 apps/mi-dia/src/pages/MiDiaPage.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/mi-dia/src/pages/MiDiaPage.tsx b/apps/mi-dia/src/pages/MiDiaPage.tsx
index cc2eaea..c26912b 100644
--- a/apps/mi-dia/src/pages/MiDiaPage.tsx
+++ b/apps/mi-dia/src/pages/MiDiaPage.tsx
@@ -520,14 +520,14 @@ function TabsCrm({
   onExportar?: () => void
 }) {
   const tabs: { id: TabCrm; titulo: string }[] = [
-    { id: 'leads', titulo: 'Mis leads' },
-    { id: 'oportunidades', titulo: 'Mis oportunidades' },
-    { id: 'apartados', titulo: 'Mis apartados' },
+    { id: 'leads', titulo: 'Leads' },
+    { id: 'oportunidades', titulo: 'Oportunidades' },
+    { id: 'apartados', titulo: 'Apartados' },
     { id: 'escrituracion', titulo: 'Escrituración' },
-    { id: 'tablero', titulo: 'Mi tablero' },
+    { id: 'tablero', titulo: 'Tablero' },
   ]
   return (
-    <div className="mb-4 flex flex-wrap gap-1 rounded-xl border border-[#E5E7EB] bg-white p-1 dark:border-[#1E293B] dark:bg-[#1E293B] shadow-sm md:flex-nowrap md:gap-2" role="tablist">
+    <div className="mb-4 flex items-center gap-1 overflow-x-auto rounded-xl border border-[#E5E7EB] bg-white p-1 dark:border-[#1E293B] dark:bg-[#1E293B] shadow-sm" role="tablist">
       {tabs.map((tab) => {
         const activo = tab.id === activa
         return (
@@ -556,7 +556,7 @@ function TabsCrm({
             <button
               type="button"
               onClick={onExportar}
-              className="rounded-lg border border-[#D1D5DB] bg-white px-3 py-1.5 text-xs font-medium text-[#374151] shadow-sm transition-all hover:bg-[#F9FAFB] dark:border-[#334155] dark:bg-[#0F172A] dark:text-[#CBD5E1] dark:hover:bg-[#1E293B]"
+              className="shrink-0 rounded-lg border border-[#D1D5DB] bg-white px-2 py-1 text-[11px] font-medium text-[#374151] shadow-sm transition-all hover:bg-[#F9FAFB] dark:border-[#334155] dark:bg-[#0F172A] dark:text-[#CBD5E1] dark:hover:bg-[#1E293B]"
             >
               📥 Exportar
             </button>
@@ -564,9 +564,9 @@ function TabsCrm({
           <button
             type="button"
             onClick={onToggleKanban}
-            className="rounded-lg border border-[#D1D5DB] bg-white px-3 py-1.5 text-xs font-medium text-[#374151] shadow-sm transition-all hover:bg-[#F9FAFB] dark:border-[#334155] dark:bg-[#0F172A] dark:text-[#CBD5E1] dark:hover:bg-[#1E293B]"
+            className="shrink-0 rounded-lg border border-[#D1D5DB] bg-white px-2 py-1 text-[11px] font-medium text-[#374151] shadow-sm transition-all hover:bg-[#F9FAFB] dark:border-[#334155] dark:bg-[#0F172A] dark:text-[#CBD5E1] dark:hover:bg-[#1E293B]"
           >
-            {vistaKanban ? '📋 Lista' : '📊 Kanban'}
+            {vistaKanban ? 'Lista' : 'Kanban'}
           </button>
         </div>
       )}