From 6e9a3ad4b926390a81f242d59e0b143364dd3a81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alessandro=20Gon=C3=A7aalves?= <suporte.appeduca@gmail.com>
Date: Mon, 20 Oct 2025 17:07:31 -0300
Subject: [PATCH] fix: rolagem horizontal da da  da tabela analitica

---
 src/app/DRE/analitico.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/DRE/analitico.tsx b/src/app/DRE/analitico.tsx
index 46e2a1c..f43c1e5 100644
--- a/src/app/DRE/analitico.tsx
+++ b/src/app/DRE/analitico.tsx
@@ -358,7 +358,8 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
       </div>
 
       {/* Table Container */}
-      <div className="bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden">
+      <div className="bg-white rounded-xl shadow-lg border border-gray-200 overflow-x-auto">
+        <div className="min-w-[1200px]">
         {/* Table Header */}
         <div className="bg-gradient-to-r from-blue-50 to-indigo-50 border-b border-gray-200 sticky top-0 z-20">
           <div className="grid grid-cols-12 gap-4 px-4 py-3 text-xs font-semibold text-gray-700 uppercase tracking-wide">
@@ -378,7 +379,11 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
         {/* Table Body */}
         <div 
           ref={parentRef} 
-          className="max-h-[500px] overflow-auto scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100"
+          className="max-h-[500px] overflow-auto scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100 hover:scrollbar-thumb-gray-400"
+          style={{
+            scrollbarWidth: 'thin',
+            scrollbarColor: '#cbd5e0 #f7fafc'
+          }}
         >
           {loading ? (
             <div className="flex items-center justify-center h-64">
@@ -426,6 +431,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
               </div>
           )}
         </div>
+        </div>
       </div>
       {/* Summary Footer */}
       {data.length > 0 && (
@@ -437,10 +443,10 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
                 </svg>
               </div>
-              <div>
+            <div>
                 <h3 className="text-lg font-bold text-gray-900">
                   Total de Registros: <span className="text-blue-600">{table.getRowModel().rows.length}</span>
-                </h3>
+              </h3>
                 <p className="text-sm text-gray-600">Transações encontradas</p>
               </div>
             </div>
@@ -451,7 +457,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                     style: 'currency',
                     currency: 'BRL',
                   }).format(totalValor)}
-                </span>
+                    </span>
               </h3>
               <p className="text-sm text-gray-600">Soma de todos os valores</p>
             </div>