feat: full width rsshub page
This commit is contained in:
parent
f3158c4230
commit
f9c7e55ef9
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
Loading…
Reference in New Issue