From 21670f64d143dde0ac7c18e0fe0c4126b7190677 Mon Sep 17 00:00:00 2001
From: yoan <536464346@qq.com>
Date: Sun, 20 Oct 2024 17:44:54 +0800
Subject: [PATCH] Document location adjustment

---
 ui/src/components/certimate/Version.tsx | 11 ++++++++---
 ui/src/pages/DashboardLayout.tsx        |  7 +++++--
 ui/src/pages/LoginLayout.tsx            |  3 ++-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/certimate/Version.tsx b/ui/src/components/certimate/Version.tsx
index f8023ec2..626e8809 100644
--- a/ui/src/components/certimate/Version.tsx
+++ b/ui/src/components/certimate/Version.tsx
@@ -3,13 +3,17 @@ import { BookOpen } from "lucide-react";
 
 import { Separator } from "@/components/ui/separator";
 import { version } from "@/domain/version";
+import { cn } from "@/lib/utils";
 
-const Version = () => {
+type VersionProps = {
+  className?: string;
+};
+
+const Version = ({ className }: VersionProps) => {
   const { t } = useTranslation();
 
   return (
-    <div className="fixed right-0 bottom-0 w-full flex justify-between p-5">
-      <div className=""></div>
+    <div className={cn("w-full flex pb-5 ", className)}>
       <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} />
@@ -25,3 +29,4 @@ const Version = () => {
 };
 
 export default Version;
+
diff --git a/ui/src/pages/DashboardLayout.tsx b/ui/src/pages/DashboardLayout.tsx
index 597587a4..71e6a984 100644
--- a/ui/src/pages/DashboardLayout.tsx
+++ b/ui/src/pages/DashboardLayout.tsx
@@ -72,6 +72,10 @@ export default function Dashboard() {
                   </Link>
                 </nav>
               </div>
+
+              <div className="">
+                <Version className="justify-center" />
+              </div>
             </div>
           </div>
           <div className="flex flex-col">
@@ -137,8 +141,6 @@ export default function Dashboard() {
             </header>
             <main className="flex flex-1 flex-col gap-4 p-4 lg:gap-6 lg:p-6 relative">
               <Outlet />
-
-              <Version />
             </main>
           </div>
         </div>
@@ -146,3 +148,4 @@ export default function Dashboard() {
     </>
   );
 }
+
diff --git a/ui/src/pages/LoginLayout.tsx b/ui/src/pages/LoginLayout.tsx
index 5564c40e..9c738610 100644
--- a/ui/src/pages/LoginLayout.tsx
+++ b/ui/src/pages/LoginLayout.tsx
@@ -12,9 +12,10 @@ const LoginLayout = () => {
     <div className="container">
       <Outlet />
 
-      <Version />
+      <Version className="fixed right-0 bottom-0 justify-end pr-5" />
     </div>
   );
 };
 
 export default LoginLayout;
+