From 882f1a4900e4fc7564a6dc375c9119da156befed Mon Sep 17 00:00:00 2001
From: kenneth <kenneth@nym.sh>
Date: Tue, 16 Sep 2025 00:24:10 +0000
Subject: [PATCH] feat: update sidebar and files page layout

---
 src/dashboard/dashboard-sidebar.tsx | 2 +-
 src/files/file-table.tsx            | 6 ++++--
 src/files/files-page.tsx            | 4 ++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/dashboard/dashboard-sidebar.tsx b/src/dashboard/dashboard-sidebar.tsx
index 0abd6f7..1e51f77 100644
--- a/src/dashboard/dashboard-sidebar.tsx
+++ b/src/dashboard/dashboard-sidebar.tsx
@@ -25,7 +25,7 @@ import {
 
 export function DashboardSidebar() {
 	return (
-		<Sidebar collapsible="icon">
+		<Sidebar variant="inset" collapsible="icon">
 			<SidebarHeader>
 				<SidebarMenu>
 					<SidebarMenuItem>
diff --git a/src/files/file-table.tsx b/src/files/file-table.tsx
index 9b2c479..80eff64 100644
--- a/src/files/file-table.tsx
+++ b/src/files/file-table.tsx
@@ -213,13 +213,14 @@ export function FileTableContent() {
 	}
 
 	return (
-		<div className="overflow-hidden rounded-md border">
+		<div className="overflow-hidden">
 			<Table>
 				<TableHeader>
 					{table.getHeaderGroups().map((headerGroup) => (
-						<TableRow key={headerGroup.id}>
+						<TableRow className="px-4" key={headerGroup.id}>
 							{headerGroup.headers.map((header) => (
 								<TableHead
+									className="first:pl-4 last:pr-4"
 									key={header.id}
 									style={{ width: header.getSize() }}
 								>
@@ -246,6 +247,7 @@ export function FileTableContent() {
 							>
 								{row.getVisibleCells().map((cell) => (
 									<TableCell
+										className="first:pl-4 last:pr-4"
 										key={cell.id}
 										style={{ width: cell.column.getSize() }}
 									>
diff --git a/src/files/files-page.tsx b/src/files/files-page.tsx
index a92c5ad..f802167 100644
--- a/src/files/files-page.tsx
+++ b/src/files/files-page.tsx
@@ -33,7 +33,7 @@ export function FilesPage() {
 	return (
 		<>
 			<header className="flex py-2 shrink-0 items-center gap-2 border-b px-4 w-full">
-				<SidebarTrigger className="-ml-1" />
+				<SidebarTrigger className="-ml-1.5" />
 				<Breadcrumb>
 					<BreadcrumbList>
 						<BreadcrumbItem>
@@ -46,7 +46,7 @@ export function FilesPage() {
 					<UploadFileButton />
 				</div>
 			</header>
-			<div className="p-4 w-full">
+			<div className="w-full">
 				<FileTable />
 			</div>
 		</>