file editor scroll

slayernominee · Jan 7, 2024 · 0c7009d · 0c7009d
1 parent 1389417
commit 0c7009d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/dashboard/files/columns.tsx b/app/dashboard/files/columns.tsx
@@ -76,13 +76,15 @@ export const columns: ColumnDef<File>[] = [
     accessorKey: "modified",
     header: ({ column }) => {
       return (
+        <div className="text-right">
         <Button
           variant="ghost"
           onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
         >
-          Modified x ago
+          Modified
           <ArrowUpDown className="ml-2 h-4 w-4" />
         </Button>
+        </div>
       )
     },
     cell: ({ row }) => {
@@ -110,7 +112,7 @@ export const columns: ColumnDef<File>[] = [
         formatted = `${formatted}s`
       }
 
-      return <div className="text-right font-medium">{formatted} ago</div>
+      return <div className="font-medium text-right pr-6">{formatted} ago</div>
     },
   },
 ]
diff --git a/app/dashboard/files/data-table.tsx b/app/dashboard/files/data-table.tsx
@@ -55,7 +55,7 @@ export function DataTable<TData, TValue>({
 
   return (
     <div>
-    <div className="rounded-md border">
+    <div className="rounded-md border h-[42.8rem] overflow-y-scroll">
       <Table>
         <TableHeader>
           {table.getHeaderGroups().map((headerGroup) => (