Dashboard Redesign (#48)

* feat: add user_template setting

* style: header

* style: page padding

* style: header

* feat: header now time

* style: login page

* feat: nav indicator

* style: button inset shadow

* style: footer text size

* feat: header show login_ip

* fix: error toast

* fix: frontend_templates setting

* fix: lint

* feat: pr auto format

* chore: auto-fix linting and formatting issues

---------

Co-authored-by: hamster1963 <hamster1963@users.noreply.github.com>
This commit is contained in:
仓鼠
2024-12-13 23:51:33 +08:00
committed by GitHub
parent b04ef1bb72
commit 8c8d3e3057
132 changed files with 13242 additions and 12878 deletions

View File

@@ -1,34 +1,33 @@
import { Outlet } from "react-router-dom";
import { useEffect } from "react";
import { Card } from "@/components/ui/card";
import { ThemeProvider } from "@/components/theme-provider";
import Header from "@/components/header";
import { Toaster } from "@/components/ui/sonner";
import { useTranslation } from "react-i18next";
import useSetting from "@/hooks/useSetting";
import Header from "@/components/header"
import { ThemeProvider } from "@/components/theme-provider"
import { Toaster } from "@/components/ui/sonner"
import useSetting from "@/hooks/useSetting"
import { useEffect } from "react"
import { useTranslation } from "react-i18next"
import { Outlet } from "react-router-dom"
export default function Root() {
const { t } = useTranslation();
const settings = useSetting();
const { t } = useTranslation()
const settings = useSetting()
useEffect(() => {
document.title = settings?.site_name || "哪吒监控 Nezha Monitoring";
}, [settings]);
document.title = settings?.site_name || "哪吒监控 Nezha Monitoring"
}, [settings])
return (
<ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
<Card className="text-sm max-w-7xl mx-auto mt-5 min-h-[90%] flex flex-col justify-between">
<section className="text-sm mx-auto h-full flex flex-col justify-between">
<div>
<Header />
<Outlet />
<div className="max-w-5xl mx-auto">
<Outlet />
</div>
</div>
<footer className="mx-5 pb-5 text-foreground/60 font-thin text-center">
&copy; 2019-2024 {t('nezha')} {settings?.version}
<footer className="mx-5 pb-5 text-foreground/50 font-light text-xs text-center">
&copy; 2019-2024 {t("nezha")} {settings?.version}
</footer>
</Card>
</section>
<Toaster />
</ThemeProvider>
);
)
}