feat: full width rsshub page

This commit is contained in:
DIYgod 2025-01-10 13:47:35 +08:00
parent f3158c4230
commit f9c7e55ef9
No known key found for this signature in database
2 changed files with 8 additions and 3 deletions

View File

@ -33,12 +33,12 @@ export function Component() {
const list = useAuthQuery(Queries.rsshub.list())
return (
<div className="relative flex w-full max-w-4xl flex-col items-center gap-8 px-4 pb-8 lg:pb-4">
<div className="relative flex w-full flex-col items-center gap-8 px-4 pb-8 lg:px-20 lg:pb-4">
<div className="center">
<img src={RSSHubIcon} className="mt-12 size-20" />
</div>
<div className="text-2xl font-bold">{t("words.rsshub", { ns: "common" })}</div>
<div className="text-sm">{t("rsshub.description")}</div>
<div className="max-w-4xl text-sm">{t("rsshub.description")}</div>
<Button
onClick={() =>
present({
@ -152,7 +152,11 @@ function List({ data }: { data?: RSSHubModel[] }) {
</TableCell>
<TableCell className="text-right">{instance.userCount}</TableCell>
<TableCell className="text-right">
{instance.userLimit || t("rsshub.table.unlimited")}
{instance.userLimit === null
? t("rsshub.table.unlimited")
: instance.userLimit > 1
? instance.userLimit
: t("rsshub.table.private")}
</TableCell>
<TableCell className="text-right">
<div className="flex w-max items-center gap-2">

View File

@ -304,6 +304,7 @@
"rsshub.table.official": "Official",
"rsshub.table.owner": "Owner",
"rsshub.table.price": "Monthly Price",
"rsshub.table.private": "Private",
"rsshub.table.unlimited": "Unlimited",
"rsshub.table.use": "Use",
"rsshub.table.userCount": "User Count",