fix(web): widen system status dialog and fix scroll border issue

Use max-w-2xl (matching other dialogs) instead of max-w-lg. Move
overflow-y-auto to an inner container with overflow-hidden on
DialogContent to prevent padding bleed at scroll edges.
This commit is contained in:
Junyan Qin
2026-04-19 15:28:46 +08:00
committed by WangCham
parent f19cd4032d
commit fe9aed4ec9

View File

@@ -136,12 +136,12 @@ export default function SystemStatusCard({
</Card> </Card>
<Dialog open={dialogOpen} onOpenChange={setDialogOpen}> <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
<DialogContent className="max-w-lg max-h-[80vh] overflow-y-auto"> <DialogContent className="max-w-2xl max-h-[80vh] overflow-hidden flex flex-col">
<DialogHeader> <DialogHeader>
<DialogTitle>{t('monitoring.systemStatus')}</DialogTitle> <DialogTitle>{t('monitoring.systemStatus')}</DialogTitle>
</DialogHeader> </DialogHeader>
<div className="space-y-5"> <div className="space-y-5 overflow-y-auto flex-1 pr-1">
{/* Plugin Runtime */} {/* Plugin Runtime */}
<div className="space-y-2"> <div className="space-y-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">