feat(ui): new Login UI using antd

This commit is contained in:
Fu Diwei
2024-12-06 19:44:29 +08:00
parent b44b8d09b2
commit 2facb160aa
13 changed files with 86 additions and 121 deletions

View File

@@ -1,8 +1,7 @@
import { useTranslation } from "react-i18next";
import { BookOpen } from "lucide-react";
import { Divider, Space, Typography } from "antd";
import { BookOpen as BookOpenIcon } from "lucide-react";
import { cn } from "@/components/ui/utils";
import { Separator } from "@/components/ui/separator";
import { version } from "@/domain/version";
type VersionProps = {
@@ -13,18 +12,18 @@ const Version = ({ className }: VersionProps) => {
const { t } = useTranslation();
return (
<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} />
<div className="ml-1">{t("common.menu.document")}</div>
</a>
<Separator orientation="vertical" className="mx-2" />
<a href="https://github.com/usual2970/certimate/releases" target="_blank">
{version}
</a>
</div>
</div>
<Space className={className} size={4}>
<Typography.Link type="secondary" href="https://docs.certimate.me" target="_blank">
<div className="flex items-center justify-center space-x-1">
<BookOpenIcon size={16} />
<span>{t("common.menu.document")}</span>
</div>
</Typography.Link>
<Divider type="vertical" />
<Typography.Link type="secondary" href="https://github.com/usual2970/certimate/releases" target="_blank">
{version}
</Typography.Link>
</Space>
);
};