UI optimization

usual2970 · Sep 17, 2024 · 2efe0de · 2efe0de
1 parent 34e40e5
commit 2efe0de
Show file tree

Hide file tree

Showing 6 changed files with 86 additions and 76 deletions.
diff --git a/ui/dist/assets/index-BSGxRdQb.js → ui/dist/assets/index-DoSOua_N.js b/ui/dist/assets/index-BSGxRdQb.js → ui/dist/assets/index-DoSOua_N.js
diff --git a/ui/dist/index.html b/ui/dist/index.html
@@ -5,7 +5,7 @@
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <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">
  </head>
  <body class="bg-background">

diff --git a/ui/src/components/certimate/Version.tsx b/ui/src/components/certimate/Version.tsx
@@ -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;
diff --git a/ui/src/domain/version.ts b/ui/src/domain/version.ts
@@ -0,0 +1 @@
+export const version = "Certimate v0.1.7";
diff --git a/ui/src/pages/DashboardLayout.tsx b/ui/src/pages/DashboardLayout.tsx
@@ -5,16 +5,7 @@ import {
  useLocation,
  useNavigate,
 } from "react-router-dom";
-import {
- BookOpen,
- CircleUser,
- Earth,
-
- History,
- Home,
- Menu,
- Server,
-} from "lucide-react";
+import { CircleUser, Earth, History, Home, Menu, Server } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 
@@ -31,7 +22,8 @@ import { cn } from "@/lib/utils";
 import { ConfigProvider } from "@/providers/config";
 import { getPb } from "@/repository/api";
 import { ThemeToggle } from "@/components/ThemeToggle";
-import { Separator } from "@/components/ui/separator";
+
+import Version from "@/components/certimate/Version";
 
 export default function Dashboard() {
  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">
  <Outlet />
 
- <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"
- >
- Certimate v0.1.7
- </a>
- </div>
- </div>
+ <Version />
  </main>
  </div>
  </div>

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