This commit is contained in:
jxxghp
2023-07-01 09:35:57 +08:00
parent 84b0ee63fa
commit b3cccd50d9
+3 -17
View File
@@ -101,10 +101,10 @@ onMounted(() => {
<template> <template>
<div <div
class="auth-wrapper d-flex align-center justify-center pa-4 fade-in w-full h-full overflow-hidden" class="auth-wrapper d-flex align-center justify-center pa-4 w-full h-full overflow-hidden"
:style="{ backgroundImage: `url(${backgroundImageUrl})` }" :style="{ backgroundImage: `url(${backgroundImageUrl})` }"
> >
<VCard class="auth-card pa-7 backdrop-blur-xl bg-white/50" width="25rem"> <VCard class="auth-card pa-7 backdrop-blur-xl bg-white/50" width="25rem" theme="light">
<VCardItem class="justify-center mb-7"> <VCardItem class="justify-center mb-7">
<template #prepend> <template #prepend>
<div class="d-flex"> <div class="d-flex">
@@ -112,7 +112,7 @@ onMounted(() => {
</div> </div>
</template> </template>
<VCardTitle class="font-weight-semibold text-2xl text-uppercase text-gray-700"> <VCardTitle class="font-weight-semibold text-2xl text-uppercase">
MoviePilot MoviePilot
</VCardTitle> </VCardTitle>
</VCardItem> </VCardItem>
@@ -164,18 +164,4 @@ onMounted(() => {
<style lang="scss"> <style lang="scss">
@use "@core/scss/pages/page-auth.scss"; @use "@core/scss/pages/page-auth.scss";
.fade-in {
animation: fadeIn 1s ease-in;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style> </style>