style: 代码格式化调整
- 应用 linter 和 prettier 格式化规则
This commit is contained in:
@@ -23,4 +23,3 @@ const logoDark = computed(() => preferences.logo.sourceDark);
|
||||
<!-- <template #toolbar></template> -->
|
||||
</AuthPageLayout>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,11 +1,7 @@
|
||||
<script lang="ts" setup>
|
||||
import { computed } from 'vue';
|
||||
|
||||
import {
|
||||
LanguageToggle,
|
||||
LoginIllustration,
|
||||
ThemeToggle,
|
||||
} from '@vben/layouts';
|
||||
import { LanguageToggle, LoginIllustration, ThemeToggle } from '@vben/layouts';
|
||||
import { preferences, usePreferences } from '@vben/preferences';
|
||||
|
||||
const appName = computed(() => preferences.app.name);
|
||||
@@ -22,7 +18,7 @@ const { isDark } = usePreferences();
|
||||
<div class="absolute inset-0 z-0 size-full">
|
||||
<!-- 橙色渐变背景 - 从左到右依次变淡 -->
|
||||
<div
|
||||
class="absolute inset-0 size-full bg-gradient-to-r from-[rgb(218,125,68)] via-[#FFA00A]/30 to-[#FFA00A]/8 dark:from-[rgb(218,125,68)] dark:via-[#FFA00A]/40 dark:to-[#FFA00A]/12"
|
||||
class="to-[#FFA00A]/8 dark:to-[#FFA00A]/12 absolute inset-0 size-full bg-gradient-to-r from-[rgb(218,125,68)] via-[#FFA00A]/30 dark:from-[rgb(218,125,68)] dark:via-[#FFA00A]/40"
|
||||
>
|
||||
<!-- 浮动插图 - 左侧区域 -->
|
||||
<div
|
||||
@@ -51,7 +47,7 @@ const { isDark } = usePreferences();
|
||||
|
||||
<!-- 右上角 Toolbar -->
|
||||
<div
|
||||
class="bg-accent absolute right-2 top-4 z-20 flex items-center gap-1 rounded-3xl px-3 py-1 lg:right-6 lg:top-6"
|
||||
class="absolute right-2 top-4 z-20 flex items-center gap-1 rounded-3xl bg-accent px-3 py-1 lg:right-6 lg:top-6"
|
||||
>
|
||||
<LanguageToggle v-if="preferences.widget.languageToggle" />
|
||||
<ThemeToggle v-if="preferences.widget.themeToggle" />
|
||||
@@ -64,7 +60,7 @@ const { isDark } = usePreferences();
|
||||
<!-- 登录卡片 - 响应式居中/靠右 -->
|
||||
<div class="w-full md:w-[480px] lg:mr-[10%]">
|
||||
<div
|
||||
class="bg-background relative overflow-hidden rounded-[2.5rem] p-8 shadow-[0_30px_60px_-15px_rgba(255,160,10,0.2)] dark:shadow-[0_30px_60px_-15px_rgba(255,160,10,0.3)]"
|
||||
class="relative overflow-hidden rounded-[2.5rem] bg-background p-8 shadow-[0_30px_60px_-15px_rgba(255,160,10,0.2)] dark:shadow-[0_30px_60px_-15px_rgba(255,160,10,0.3)]"
|
||||
>
|
||||
<!-- 登录表单 - RouterView 渲染实际的登录组件 -->
|
||||
<div class="login-form-container">
|
||||
@@ -79,7 +75,7 @@ const { isDark } = usePreferences();
|
||||
|
||||
<!-- 遇到问题 -->
|
||||
<div class="mt-6 text-center">
|
||||
<span class="text-muted-foreground text-xs">
|
||||
<span class="text-xs text-muted-foreground">
|
||||
{{ $t('authentication.contactSupport') }}
|
||||
<a
|
||||
href="#"
|
||||
|
||||
@@ -185,12 +185,14 @@ const formSchema = computed((): VbenFormSchema[] => {
|
||||
<div class="mt-8">
|
||||
<div class="relative mb-6 flex justify-center text-xs text-slate-400">
|
||||
<span
|
||||
class="bg-background dark:bg-slate-900 relative z-10 px-3 font-medium"
|
||||
class="relative z-10 bg-background px-3 font-medium dark:bg-slate-900"
|
||||
>
|
||||
{{ $t('authentication.otherLoginMethods') }}
|
||||
</span>
|
||||
<div class="absolute inset-0 flex items-center">
|
||||
<div class="w-full border-t border-slate-100 dark:border-slate-700"></div>
|
||||
<div
|
||||
class="w-full border-t border-slate-100 dark:border-slate-700"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -238,7 +240,7 @@ const formSchema = computed((): VbenFormSchema[] => {
|
||||
<circle cx="6.5" cy="17.5" r="1" fill="currentColor" />
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
|
||||
<!-- 微信扫码登录 -->
|
||||
<!-- <button
|
||||
class="flex size-12 items-center justify-center rounded-2xl border border-slate-100 bg-slate-50 text-xl text-slate-400 transition-all hover:scale-110 hover:bg-white hover:text-[#46AF35] hover:shadow-md dark:border-slate-700 dark:bg-slate-800 dark:hover:bg-slate-700"
|
||||
|
||||
Reference in New Issue
Block a user