julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: wrap DownloadManager content in a Container component for improved layout and styling

Browse Source
This commit is contained in:
Julien Froidefond
2025-11-16 07:55:02 +01:00
parent fd83dde3d4
commit 2adc6c3f22
1 changed files with 50 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/downloads/DownloadManager.tsx
View File

@@ -13,6 +13,7 @@ import Link from "next/link";
import { BookOfflineButton } from "@/components/ui/book-offline-button"; import { BookOfflineButton } from "@/components/ui/book-offline-button";
import { useTranslate } from "@/hooks/useTranslate"; import { useTranslate } from "@/hooks/useTranslate";
import logger from "@/lib/logger"; import logger from "@/lib/logger";
import { Container } from "@/components/ui/container";
type BookStatus = "idle" | "downloading" | "available" | "error"; type BookStatus = "idle" | "downloading" | "available" | "error";
@@ -150,8 +151,9 @@ export function DownloadManager() {
} }
return ( return (
<> <Container>
<div className="container mx-auto px-4 py-8 space-y-12"> <div className="space-y-6">
<div className="space-y-2">
<h1 className="text-3xl font-bold tracking-tight">{t("downloads.page.title")}</h1> <h1 className="text-3xl font-bold tracking-tight">{t("downloads.page.title")}</h1>
{t("downloads.page.description") && ( {t("downloads.page.description") && (
<p className="text-lg text-muted-foreground">{t("downloads.page.description")}</p> <p className="text-lg text-muted-foreground">{t("downloads.page.description")}</p>
@@ -269,7 +271,8 @@ export function DownloadManager() {
)} )}
</TabsContent> </TabsContent>
</Tabs> </Tabs>
</> </div>
</Container>
); );
} }