From dced56697a5aed830de2e9a6122b916f5c275f9c Mon Sep 17 00:00:00 2001
From: Trezy <tre@trezy.com>
Date: Tue, 12 May 2026 10:50:18 -0500
Subject: [PATCH] fix: allow sheets to be much larger

Signed-off-by: Trezy <tre@trezy.com>
---
 web/src/app/dashboard/dead-letters/page.tsx | 2 +-
 web/src/app/dashboard/records/page.tsx      | 2 +-
 web/src/components/ui/sheet.tsx             | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/app/dashboard/dead-letters/page.tsx b/web/src/app/dashboard/dead-letters/page.tsx
index 24ff16f..d871d5d 100644
--- a/web/src/app/dashboard/dead-letters/page.tsx
+++ b/web/src/app/dashboard/dead-letters/page.tsx
@@ -560,7 +560,7 @@ export default function DeadLettersPage() {
             if (!open) setViewDetail(null);
           }}
         >
-          <SheetContent className="sm:max-w-xl overflow-hidden flex flex-col">
+          <SheetContent className="overflow-hidden flex flex-col">
             {viewDetail && (
               <>
                 <SheetHeader>
diff --git a/web/src/app/dashboard/records/page.tsx b/web/src/app/dashboard/records/page.tsx
index 01cbc40..4f0bb02 100644
--- a/web/src/app/dashboard/records/page.tsx
+++ b/web/src/app/dashboard/records/page.tsx
@@ -442,7 +442,7 @@ export default function RecordsPage() {
             if (!open) setViewRecord(null);
           }}
         >
-          <SheetContent className="sm:max-w-xl overflow-hidden flex flex-col">
+          <SheetContent className="overflow-hidden flex flex-col">
             {viewRecord && (
               <>
                 <SheetHeader>
diff --git a/web/src/components/ui/sheet.tsx b/web/src/components/ui/sheet.tsx
index 5963090..cd427e3 100644
--- a/web/src/components/ui/sheet.tsx
+++ b/web/src/components/ui/sheet.tsx
@@ -62,9 +62,9 @@ function SheetContent({
         className={cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           side === "right" &&
-            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[90%] border-l lg:w-1/2",
           side === "left" &&
-            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[90%] border-r lg:w-1/2",
           side === "top" &&
             "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           side === "bottom" &&
-- 
2.51.2