ondra/ironmount
1
1
Fork 0
mirror of https://github.com/nicotsx/ironmount.git synced 2025-12-10 12:10:51 +01:00
Code Issues Packages Projects Releases 1 Wiki Activity

feat(backups): add backup card

Browse Source
This commit is contained in:
Nicolas Meienberger
2025-11-02 16:42:21 +01:00
parent 67e7d36fe7
commit 3e514e61db
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/client/app/modules/backups/routes/backups.tsx
View File

@@ -61,10 +61,10 @@ export default function Backups({ loaderData }: Route.ComponentProps) {
return ( return (
<div className="container mx-auto space-y-6"> <div className="container mx-auto space-y-6">
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3"> <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3 auto-rows-fr">
{schedules.map((schedule) => ( {schedules.map((schedule) => (
<Link key={schedule.id} to={`/backups/${schedule.id}`}> <Link key={schedule.id} to={`/backups/${schedule.id}`}>
<Card key={schedule.id} className="flex flex-col"> <Card key={schedule.id} className="flex flex-col h-full">
<CardHeader className="pb-3"> <CardHeader className="pb-3">
<div className="flex items-start justify-between gap-2"> <div className="flex items-start justify-between gap-2">
<div className="flex items-center gap-2 flex-1 min-w-0"> <div className="flex items-center gap-2 flex-1 min-w-0">
@@ -109,6 +109,14 @@ export default function Backups({ loaderData }: Route.ComponentProps) {
</Card> </Card>
</Link> </Link>
))} ))}
<Link to="/backups/create">
<Card className="flex flex-col items-center justify-center h-full hover:bg-muted/50 transition-colors cursor-pointer">
<CardContent className="flex flex-col items-center justify-center gap-2">
<Plus className="h-8 w-8 text-muted-foreground" />
<span className="text-sm font-medium text-muted-foreground">Create a backup job</span>
</CardContent>
</Card>
</Link>
</div> </div>
</div> </div>
); );