Document location adjustment

This commit is contained in:
yoan 2024-10-20 17:44:54 +08:00
parent 2d275a14ab
commit 21670f64d1
3 changed files with 15 additions and 6 deletions

View File

@ -3,13 +3,17 @@ import { BookOpen } from "lucide-react";
import { Separator } from "@/components/ui/separator"; import { Separator } from "@/components/ui/separator";
import { version } from "@/domain/version"; import { version } from "@/domain/version";
import { cn } from "@/lib/utils";
const Version = () => { type VersionProps = {
className?: string;
};
const Version = ({ className }: VersionProps) => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<div className="fixed right-0 bottom-0 w-full flex justify-between p-5"> <div className={cn("w-full flex pb-5 ", className)}>
<div className=""></div>
<div className="text-muted-foreground text-sm hover:text-stone-900 dark:hover:text-stone-200 flex"> <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"> <a href="https://docs.certimate.me" target="_blank" className="flex items-center">
<BookOpen size={16} /> <BookOpen size={16} />
@ -25,3 +29,4 @@ const Version = () => {
}; };
export default Version; export default Version;

View File

@ -72,6 +72,10 @@ export default function Dashboard() {
</Link> </Link>
</nav> </nav>
</div> </div>
<div className="">
<Version className="justify-center" />
</div>
</div> </div>
</div> </div>
<div className="flex flex-col"> <div className="flex flex-col">
@ -137,8 +141,6 @@ export default function Dashboard() {
</header> </header>
<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 />
<Version />
</main> </main>
</div> </div>
</div> </div>
@ -146,3 +148,4 @@ export default function Dashboard() {
</> </>
); );
} }

View File

@ -12,9 +12,10 @@ const LoginLayout = () => {
<div className="container"> <div className="container">
<Outlet /> <Outlet />
<Version /> <Version className="fixed right-0 bottom-0 justify-end pr-5" />
</div> </div>
); );
}; };
export default LoginLayout; export default LoginLayout;