From 06ddd9b6f108a10331fe02a8e9d89b77300780a5 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 21 Apr 2024 02:26:31 +0800
Subject: [PATCH] fix: fix monitor edit can not scroll problem

---
 src/client/routes/monitor/$monitorId/edit.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/client/routes/monitor/$monitorId/edit.tsx b/src/client/routes/monitor/$monitorId/edit.tsx
index 7428f6b..7ceccde 100644
--- a/src/client/routes/monitor/$monitorId/edit.tsx
+++ b/src/client/routes/monitor/$monitorId/edit.tsx
@@ -15,6 +15,7 @@ import { useMonitorUpsert } from '@/api/model/monitor';
 import { Loading } from '@/components/Loading';
 import { ErrorTip } from '@/components/ErrorTip';
 import { CommonHeader } from '@/components/CommonHeader';
+import { ScrollArea } from '@/components/ui/scroll-area';
 
 export const Route = createFileRoute('/monitor/$monitorId/edit')({
   beforeLoad: routeAuthBeforeLoad,
@@ -59,7 +60,7 @@ function PageComponent() {
     <CommonWrapper
       header={<CommonHeader title={monitor.name} desc={t('Edit')} />}
     >
-      <div className="p-4">
+      <ScrollArea className="h-full overflow-hidden p-4">
         <Card>
           <CardContent className="pt-4">
             <MonitorInfoEditor
@@ -73,7 +74,7 @@ function PageComponent() {
             />
           </CardContent>
         </Card>
-      </div>
+      </ScrollArea>
     </CommonWrapper>
   );
 }