feat: add a link back to the site on the login page (#4262)

#### What type of PR is this?

/area console
/kind feature
/milestone 2.8.0

#### What this PR does / why we need it:

在登录页面添加返回到前台的链接。


<img width="506" alt="image" src="https://github.com/halo-dev/halo/assets/21301288/31c6311d-7153-4028-b2dd-78d89e018bf3">



#### Which issue(s) this PR fixes:

Fixes https://github.com/halo-dev/halo/issues/4175

#### Does this PR introduce a user-facing change?

```release-note
在 Console 的登录页面添加返回到前台的链接。
```
pull/4318/head
Ryan Wang 2023-07-27 12:34:12 +08:00 committed by GitHub
parent 4f1537b68f
commit f3d7e856ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 0 deletions

View File

@ -17,6 +17,7 @@ core:
return_login:
label: Already have an account
button: Sign in
return_site: Return to site
button: Login
modal:
title: Re-login

View File

@ -17,6 +17,7 @@ core:
return_login:
label: 已有账号
button: 立即登录
return_site: 返回到首页
button: 登录
modal:
title: 重新登录

View File

@ -17,6 +17,7 @@ core:
return_login:
label: 已有帳號
button: 立即登入
return_site: 返回到首頁
button: 登入
modal:
title: 重新登入

View File

@ -12,6 +12,7 @@ import { AppName } from "@/constants/app";
import { locales, getBrowserLanguage, i18n } from "@/locales";
import MdiTranslate from "~icons/mdi/translate";
import { useLocalStorage } from "@vueuse/core";
import MdiKeyboardBackspace from "~icons/mdi/keyboard-backspace";
const { globalInfo } = useGlobalInfoFetch();
const { t } = useI18n();
@ -87,6 +88,15 @@ watch(
}}
</span>
</div>
<div class="flex justify-center pt-3.5">
<a
class="inline-flex items-center gap-0.5 text-xs text-gray-600 hover:text-gray-900"
href="/"
>
<MdiKeyboardBackspace class="!h-3.5 !w-3.5" />
<span> {{ $t("core.login.operations.return_site") }} </span>
</a>
</div>
</div>
<div
class="bottom-0 mb-10 mt-auto flex items-center justify-center gap-2.5"