From b1bcd0d254b3b19bf4d6da7c1268ee09874f989e Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Thu, 13 Feb 2025 11:48:27 -0800
Subject: [PATCH] clean up table

---
 .../src/components/view_logs/table.tsx        | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_logs/table.tsx b/ui/litellm-dashboard/src/components/view_logs/table.tsx
index f3a29e83dc4..e930e6b22e9 100644
--- a/ui/litellm-dashboard/src/components/view_logs/table.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/table.tsx
@@ -42,13 +42,13 @@ export function DataTable<TData, TValue>({
 
   return (
     <div className="rounded-lg custom-border table-wrapper">
-      <Table>
+      <Table className="[&_td]:py-0.5 [&_th]:py-1">
         <TableHead>
           {table.getHeaderGroups().map((headerGroup) => (
             <TableRow key={headerGroup.id}>
               {headerGroup.headers.map((header) => {
                 return (
-                  <TableHeaderCell key={header.id}>
+                  <TableHeaderCell key={header.id} className="py-1 h-8">
                     {header.isPlaceholder ? null : (
                       flexRender(
                         header.column.columnDef.header,
@@ -64,8 +64,8 @@ export function DataTable<TData, TValue>({
         <TableBody>
           {isLoading ?
             <TableRow>
-              <TableCell colSpan={columns.length} className="h-24 text-center">
-                <div className="p-8 text-center text-gray-500">
+              <TableCell colSpan={columns.length} className="h-8 text-center">
+                <div className="text-center text-gray-500">
                   <p>🚅 Loading logs...</p>
                 </div>
               </TableCell>
@@ -73,9 +73,12 @@ export function DataTable<TData, TValue>({
           : table.getRowModel().rows.length > 0 ?
             table.getRowModel().rows.map((row) => (
               <Fragment key={row.id}>
-                <TableRow>
+                <TableRow className="h-8">
                   {row.getVisibleCells().map((cell) => (
-                    <TableCell key={cell.id}>
+                    <TableCell 
+                      key={cell.id} 
+                      className="py-0.5 max-h-8 overflow-hidden text-ellipsis whitespace-nowrap"
+                    >
                       {flexRender(
                         cell.column.columnDef.cell,
                         cell.getContext()
@@ -94,8 +97,8 @@ export function DataTable<TData, TValue>({
               </Fragment>
             ))
           : <TableRow>
-              <TableCell colSpan={columns.length} className="h-24 text-center">
-                <div className="p-8 text-center text-gray-500">
+              <TableCell colSpan={columns.length} className="h-8 text-center">
+                <div className="text-center text-gray-500">
                   <p>No logs found</p>
                 </div>
               </TableCell>