chore: update deps

This commit is contained in:
vben
2024-05-28 23:38:36 +08:00
parent f2644dbbc5
commit 11a36ef03f
32 changed files with 327 additions and 274 deletions

View File

@@ -50,8 +50,8 @@
"@vben-core/toolkit": "workspace:*",
"@vben/locales": "workspace:*",
"@vben/preference": "workspace:*",
"@vueuse/core": "^10.9.0",
"@vueuse/integrations": "^10.9.0",
"@vueuse/core": "^10.10.0",
"@vueuse/integrations": "^10.10.0",
"qrcode": "^1.5.3",
"vue": "3.4.27",
"vue-router": "^4.3.2"

View File

@@ -59,7 +59,7 @@ function back() {
<template>
<div
class="-enter-x flex h-screen w-full flex-col items-center justify-center"
class="animate-in zoom-in-50 flex h-screen w-full flex-col items-center justify-center duration-300"
>
<img v-if="image" :src="image" class="md:1/3 w-1/2 lg:w-1/4" />
<FeedbackIcon v-else class="md:1/3 h-1/3 w-1/2 lg:w-1/4" />

View File

@@ -14,16 +14,18 @@ const { authPanelCenter, authPanelLeft, authPanelRight } = usePreference();
</script>
<template>
<div class="bg-body flex min-h-full flex-1 select-none overflow-x-hidden">
<div
class="bg-background flex min-h-full flex-1 select-none overflow-x-hidden"
>
<AuthenticationFromView
v-if="authPanelLeft"
class="-enter-x min-h-full w-2/5"
class="min-h-full w-2/5"
transition-name="slide-left"
/>
<div class="absolute left-0 top-0 z-10 flex flex-1">
<div
class="-enter-x text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6"
class="text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6"
:class="
authPanelLeft || authPanelCenter
? 'lg:text-foreground'
@@ -43,17 +45,17 @@ const { authPanelCenter, authPanelLeft, authPanelRight } = usePreference();
</div>
<div v-if="!authPanelCenter" class="relative hidden w-0 flex-1 lg:block">
<div
class="absolute inset-0 h-full w-full bg-gradient-to-r from-[var(--color-authentication-from)] to-[var(--color-authentication-to)]"
class="absolute inset-0 h-full w-full bg-[var(--color-authentication)]"
>
<div class="flex-center mr-20 flex h-full flex-col">
<SloganIcon
:alt="preference.appName"
class="animate-float h-64 w-2/5"
/>
<div class="-enter-x text-1xl mt-6 font-sans text-white lg:text-2xl">
<div class="text-1xl mt-6 font-sans text-white lg:text-2xl">
{{ $t('authentication.layout-title') }}
</div>
<div class="-enter-x dark:text-muted-foreground mt-2 text-white/60">
<div class="dark:text-muted-foreground mt-2 text-white/60">
{{ $t('authentication.layout-desc') }}
</div>
</div>
@@ -61,7 +63,7 @@ const { authPanelCenter, authPanelLeft, authPanelRight } = usePreference();
</div>
<div
v-if="authPanelCenter"
class="flex-center w-full dark:bg-[var(--color-authentication-to)]"
class="flex-center w-full dark:bg-[var(--color-authentication)]"
>
<AuthenticationFromView
class="enter-y md:bg-background w-full rounded-3xl pb-20 shadow-2xl md:w-2/3 lg:w-1/2 xl:w-2/5"
@@ -73,7 +75,7 @@ const { authPanelCenter, authPanelLeft, authPanelRight } = usePreference();
</div>
<AuthenticationFromView
v-if="authPanelRight"
class="enter-x min-h-full w-2/5 flex-1"
class="min-h-full w-2/5 flex-1"
/>
</div>
</template>

View File

@@ -12,7 +12,7 @@ defineOptions({
</script>
<template>
<div
class="flex-center bg-background absolute right-2 top-4 rounded-3xl px-3 py-1 dark:bg-[var(--color-authentication-to)]"
class="flex-center bg-background absolute right-2 top-4 rounded-3xl px-3 py-1 dark:bg-[var(--color-authentication)]"
>
<div class="hidden md:flex">
<AuthenticationColorToggle />