fix: allow storage analysis dialog scrolling

This commit is contained in:
Junyan Qin
2026-05-02 17:36:10 +08:00
parent fe619e415f
commit 8f1847d480

View File

@@ -145,8 +145,8 @@ export default function StorageAnalysisDialog({
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="flex max-h-[86vh] max-w-5xl flex-col p-0"> <DialogContent className="!flex h-[86vh] max-h-[86vh] max-w-5xl flex-col gap-0 p-0">
<DialogHeader className="px-6 pt-6"> <DialogHeader className="shrink-0 px-6 pt-6">
<DialogTitle className="flex items-center gap-2"> <DialogTitle className="flex items-center gap-2">
<HardDrive className="size-5 text-blue-500" /> <HardDrive className="size-5 text-blue-500" />
{t('storageAnalysis.dialogTitle')} {t('storageAnalysis.dialogTitle')}
@@ -156,7 +156,7 @@ export default function StorageAnalysisDialog({
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<div className="flex items-center justify-between gap-3 border-b px-6 pb-4"> <div className="flex shrink-0 items-center justify-between gap-3 border-b px-6 pb-4">
<div className="text-sm text-muted-foreground"> <div className="text-sm text-muted-foreground">
{analysis {analysis
? t('storageAnalysis.generatedAt', { ? t('storageAnalysis.generatedAt', {
@@ -177,7 +177,7 @@ export default function StorageAnalysisDialog({
</Button> </Button>
</div> </div>
<ScrollArea className="min-h-0 flex-1"> <ScrollArea className="min-h-0 flex-1 overflow-hidden">
<div className="space-y-5 px-6 py-5"> <div className="space-y-5 px-6 py-5">
{error && ( {error && (
<div className="flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive"> <div className="flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive">