From 6e68cd1985967ba7bcda7aa65287a3367a4d1b7d Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Wed, 10 Apr 2024 11:57:09 +0800
Subject: [PATCH] fix: fix cannot add http monitor problem

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

diff --git a/src/client/routes/monitor/add.tsx b/src/client/routes/monitor/add.tsx
index 5fd8581..2d6a278 100644
--- a/src/client/routes/monitor/add.tsx
+++ b/src/client/routes/monitor/add.tsx
@@ -13,6 +13,7 @@ import {
 import { routeAuthBeforeLoad } from '@/utils/route';
 import { useMonitorUpsert } from '@/api/model/monitor';
 import { CommonHeader } from '@/components/CommonHeader';
+import { ScrollArea } from '@/components/ui/scroll-area';
 
 export const Route = createFileRoute('/monitor/add')({
   beforeLoad: routeAuthBeforeLoad,
@@ -41,13 +42,13 @@ function MonitorAddComponent() {
 
   return (
     <CommonWrapper header={<CommonHeader title={t('Add Monitor')} />}>
-      <div className="p-4">
+      <ScrollArea className="h-full overflow-hidden p-4">
         <Card>
           <CardContent className="pt-4">
             <MonitorInfoEditor onSave={handleSubmit} />
           </CardContent>
         </Card>
-      </div>
+      </ScrollArea>
     </CommonWrapper>
   );
 }