GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-04 23:18:44 +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
src/pages/login.vue
+7 -2
View File
@@ -215,7 +215,7 @@ onUnmounted(() => {
<template> <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>
<div <div
v-for="(imageUrl, index) in backgroundImages" v-for="(imageUrl, index) in backgroundImages"
@@ -230,7 +230,7 @@ onUnmounted(() => {
</div> </div>
</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"> <VCard class="auth-card px-7 py-3 w-full h-full rounded-lg opacity-85" max-width="24rem">
<VCardItem class="justify-center"> <VCardItem class="justify-center">
<template #prepend> <template #prepend>
@@ -297,4 +297,9 @@ onUnmounted(() => {
.absolute-top-shift { .absolute-top-shift {
inset-block-start: calc(-4rem - env(safe-area-inset-top)); inset-block-start: calc(-4rem - env(safe-area-inset-top));
} }
.auth-wrapper {
overflow: hidden;
block-size: auto;
}
</style> </style>