Document location adjustment

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;
+

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() {
     </>
   );
 }
+

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;
+