|
@@ -132,9 +132,9 @@ $prefix-cls: #{$namespace}-login;
|
|
|
<img alt="" class="mr-2 h-48px w-48px" src="@/assets/imgs/logo.png" />
|
|
|
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="m-auto h-auto max-w-3xl p-15 bg-#32393f bg-opacity-70 backdrop-blur-md rounded-lg shadow-lg">
|
|
|
-
|
|
|
+
|
|
|
+ <div class="m-auto h-auto max-w-3xl p-15 bg-#ffffff bg-opacity-50 backdrop-blur-md rounded-lg shadow-lg">
|
|
|
+
|
|
|
<!-- 登录表单区域 -->
|
|
|
<div class="flex justify-center ">
|
|
|
<Transition appear enter-active-class="animate__animated animate__bounceIn">
|
|
@@ -149,7 +149,7 @@ $prefix-cls: #{$namespace}-login;
|
|
|
</Transition>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<!-- 主题、语言选择区域 -->
|
|
|
<div class="flex items-center justify-end w-full absolute top-5 right-5">
|
|
|
<ThemeSwitch />
|
|
@@ -183,7 +183,7 @@ $prefix-cls: #{$namespace}-login;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
height: 100vh; /* 使整体容器充满视口高度 */
|
|
|
-
|
|
|
+
|
|
|
img {
|
|
|
max-width: 100%;
|
|
|
height: auto;
|
|
@@ -201,4 +201,4 @@ $prefix-cls: #{$namespace}-login;
|
|
|
background-color: var(--login-bg-color);
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|