Use legacy grid on dashboard page

This commit is contained in:
viown
2025-07-19 12:11:50 +03:00
parent 7a8e934c7e
commit 6dbbe0e78b
4 changed files with 16 additions and 30 deletions
+1 -1
View File
@@ -64,7 +64,7 @@ const BaseCard = ({ title, secondaryTitle, text, image, icon, to, onClick, actio
</CardActionArea>
<CardHeader
title={
<Stack direction='row' gap={1} alignItems='center'>
<Stack direction='row' spacing={1} alignItems='center'>
<Typography sx={{
overflow: 'hidden',
whiteSpace: 'nowrap',
@@ -27,13 +27,13 @@ const ServerInfoWidget = ({ onScanLibrariesClick, onRestartClick, onShutdownClic
padding: 2
}}>
<Stack direction='row'>
<Stack flexGrow={1} gap={1}>
<Stack flexGrow={1} spacing={1}>
<Typography fontWeight='bold'>{globalize.translate('LabelServerName')}</Typography>
<Typography fontWeight='bold'>{globalize.translate('LabelServerVersion')}</Typography>
<Typography fontWeight='bold'>{globalize.translate('LabelWebVersion')}</Typography>
<Typography fontWeight='bold'>{globalize.translate('LabelBuildVersion')}</Typography>
</Stack>
<Stack flexGrow={5} gap={1}>
<Stack flexGrow={5} spacing={1}>
{isPending ? (
<>
<Skeleton />
@@ -53,7 +53,7 @@ const ServerInfoWidget = ({ onScanLibrariesClick, onRestartClick, onShutdownClic
</Stack>
</Paper>
<Stack direction='row' gap={1.5} flexWrap={'wrap'}>
<Stack direction='row' spacing={1.5}>
<Button
onClick={onScanLibrariesClick}
sx={{