root/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2026-01-28 07:14:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: prevent filename from overlapping with action icons in backup records #5525

Browse Source 
Closes #5525
This commit is contained in:
Slinetrac
2025-11-19 17:29:11 +08:00
parent 85302144b2
commit 6ab597db8f
1 changed files with 50 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/components/setting/mods/backup-history-viewer.tsx
View File

@@ -265,40 +265,57 @@ export const BackupHistoryViewer = ({
</ListItem>
) : (
pagedRows.map((row) => (
<ListItem
key={`${row.platform}-${row.filename}`}
divider
secondaryAction={
<Stack direction="row" spacing={0.5} alignItems="center">
{isLocal && (
<IconButton
size="small"
disabled={isBusy}
onClick={() => handleExport(row.filename)}
>
<DownloadRounded fontSize="small" />
</IconButton>
)}
<IconButton
size="small"
disabled={isBusy}
onClick={() => handleDelete(row.filename)}
>
<DeleteOutline fontSize="small" />
</IconButton>
<IconButton
size="small"
disabled={isBusy}
onClick={() => handleRestore(row.filename)}
>
<RestoreRounded fontSize="small" />
</IconButton>
</Stack>
}
>
<ListItem key={`${row.platform}-${row.filename}`} divider>
<ListItemText
primary={row.filename}
secondary={`${row.platform} · ${row.backup_time.format("YYYY-MM-DD HH:mm")}`}
primary={
<Typography
variant="body2"
sx={{ wordBreak: "break-all", fontWeight: 500 }}
>
{row.filename}
</Typography>
}
secondary={
<Stack
direction="row"
alignItems="center"
justifyContent="space-between"
spacing={1.5}
>
<Typography variant="caption" color="text.secondary">
{`${row.platform} · ${row.backup_time.format("YYYY-MM-DD HH:mm")}`}
</Typography>
<Stack
direction="row"
spacing={0.5}
alignItems="center"
>
{isLocal && (
<IconButton
size="small"
disabled={isBusy}
onClick={() => handleExport(row.filename)}
>
<DownloadRounded fontSize="small" />
</IconButton>
)}
<IconButton
size="small"
disabled={isBusy}
onClick={() => handleDelete(row.filename)}
>
<DeleteOutline fontSize="small" />
</IconButton>
<IconButton
size="small"
disabled={isBusy}
onClick={() => handleRestore(row.filename)}
>
<RestoreRounded fontSize="small" />
</IconButton>
</Stack>
</Stack>
}
/>
</ListItem>
))