GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-21 08:10:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor login page styles for better alignment and responsiveness

Browse Source
This commit is contained in:
jxxghp
2024-11-01 12:30:50 +08:00
parent 2d1fbff2c5
commit 1f7a677db3
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/login.vue
View File

@@ -215,7 +215,7 @@ onUnmounted(() => {
<template>
<!-- 当前背景图片 -->
<div class="relative flex min-h-screen flex-col bg-gray-900 py-14">
<div class="relative flex min-h-screen flex-col bg-gray-900 items-center justify-center">
<div>
<div
v-for="(imageUrl, index) in backgroundImages"
@@ -230,7 +230,7 @@ onUnmounted(() => {
</div>
</div>
<!-- 登录表单 -->
<div class="auth-wrapper d-flex align-center justify-center pa-4">
<div class="auth-wrapper d-flex align-center justify-center">
<VCard class="auth-card px-7 py-3 w-full h-full rounded-lg opacity-85" max-width="24rem">
<VCardItem class="justify-center">
<template #prepend>
@@ -297,4 +297,9 @@ onUnmounted(() => {
.absolute-top-shift {
inset-block-start: calc(-4rem - env(safe-area-inset-top));
}
.auth-wrapper {
overflow: hidden;
block-size: auto;
}
</style>