wood/certimate
1
0
Fork 0
mirror of https://github.com/woodchen-ink/certimate.git synced 2025-07-18 17:31:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

UI optimization

Browse Source
This commit is contained in:
yoan 2024-09-17 08:59:39 +08:00
parent 34e40e5e54
commit 2efe0de0cf
6 changed files with 86 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
ui/dist/assets/index-BSGxRdQb.js → ui/dist/assets/index-DoSOua_N.js vendored
View File

File diff suppressed because one or more lines are too long

2
ui/dist/index.html vendored
View File

@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Certimate - Your Trusted SSL Automation Partner</title> <title>Certimate - Your Trusted SSL Automation Partner</title>
<script type="module" crossorigin src="/assets/index-BSGxRdQb.js"></script> <script type="module" crossorigin src="/assets/index-DoSOua_N.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-ChWRjRip.css"> <link rel="stylesheet" crossorigin href="/assets/index-ChWRjRip.css">
</head> </head>
<body class="bg-background"> <body class="bg-background">

31
ui/src/components/certimate/Version.tsx Normal file
View File

@ -0,0 +1,31 @@
import { BookOpen } from "lucide-react";
import { Separator } from "../ui/separator";
import { version } from "@/domain/version";
const Version = () => {
return (
<div className="fixed right-0 bottom-0 w-full flex justify-between p-5">
<div className=""></div>
<div className="text-muted-foreground text-sm hover:text-stone-900 dark:hover:text-stone-200 flex">
<a
href="https://docs.certimate.me"
target="_blank"
className="flex items-center"
>
<BookOpen size={16} />
<div className="ml-1">文档</div>
</a>
<Separator orientation="vertical" className="mx-2" />
<a
href="https://github.com/usual2970/certimate/releases"
target="_blank"
>
{version}
</a>
</div>
</div>
);
};
export default Version;

1
ui/src/domain/version.ts Normal file
View File

@ -0,0 +1 @@
export const version = "Certimate v0.1.7";

35
ui/src/pages/DashboardLayout.tsx
View File

@ -5,16 +5,7 @@ import {
useLocation, useLocation,
useNavigate, useNavigate,
} from "react-router-dom"; } from "react-router-dom";
import { import { CircleUser, Earth, History, Home, Menu, Server } from "lucide-react";
BookOpen,
CircleUser,
Earth,
History,
Home,
Menu,
Server,
} from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@ -31,7 +22,8 @@ import { cn } from "@/lib/utils";
import { ConfigProvider } from "@/providers/config"; import { ConfigProvider } from "@/providers/config";
import { getPb } from "@/repository/api"; import { getPb } from "@/repository/api";
import { ThemeToggle } from "@/components/ThemeToggle"; import { ThemeToggle } from "@/components/ThemeToggle";
import { Separator } from "@/components/ui/separator";
import Version from "@/components/certimate/Version";
export default function Dashboard() { export default function Dashboard() {
const navigate = useNavigate(); const navigate = useNavigate();
@ -212,26 +204,7 @@ export default function Dashboard() {
<main className="flex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6 relative"> <main className="flex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6 relative">
<Outlet /> <Outlet />
<div className="fixed right-0 bottom-0 w-full flex justify-between p-5"> <Version />
<div className=""></div>
<div className="text-muted-foreground text-sm hover:text-stone-900 dark:hover:text-stone-200 flex">
<a
href="https://docs.certimate.me"
target="_blank"
className="flex items-center"
>
<BookOpen size={16} />
<div className="ml-1">文档</div>
</a>
<Separator orientation="vertical" className="mx-2" />
<a
href="https://github.com/usual2970/certimate/releases"
target="_blank"
>
Certimate v0.1.7
</a>
</div>
</div>
</main> </main>
</div> </div>
</div> </div>

5
ui/src/pages/LoginLayout.tsx
View File

@ -1,4 +1,7 @@
import Version from "@/components/certimate/Version";
import { getPb } from "@/repository/api"; import { getPb } from "@/repository/api";
import { Navigate, Outlet } from "react-router-dom"; import { Navigate, Outlet } from "react-router-dom";
const LoginLayout = () => { const LoginLayout = () => {
@ -8,6 +11,8 @@ const LoginLayout = () => {
return ( return (
<div className="container"> <div className="container">
<Outlet /> <Outlet />
<Version />
</div> </div>
); );
}; };