fix: fix monitor edit can not scroll problem

This commit is contained in:
moonrailgun 2024-04-21 02:26:31 +08:00
parent 761bc712d6
commit 06ddd9b6f1

View File

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