调整登录卡片位置并彻底消除白边 - 卡片左移,强化全局样式重置

This commit is contained in:
AIGC Developer
2025-10-21 17:48:35 +08:00
parent 9266d98de3
commit c2924c51f3
2 changed files with 21 additions and 11 deletions

View File

@@ -51,28 +51,38 @@ console.log('App.vue 加载成功')
box-sizing: border-box; box-sizing: border-box;
} }
html, body { html {
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; /* 完全隐藏滚动条 */ overflow: hidden;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
line-height: 1.6;
color: #333;
background: transparent; background: transparent;
} }
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: transparent;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
line-height: 1.6;
color: #333;
}
#app { #app {
min-height: 100vh; position: fixed;
top: 0;
left: 0;
width: 100vw; width: 100vw;
height: 100vh;
min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative;
overflow: hidden; overflow: hidden;
background: transparent;
} }
/* 全屏背景层 */ /* 全屏背景层 */

View File

@@ -233,7 +233,7 @@ const handleLogin = async () => {
.login-card { .login-card {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 8%; right: 15%; /* 往左移动一些 */
transform: translateY(-50%); transform: translateY(-50%);
width: 500px; width: 500px;
background: rgba(26, 26, 46, 0.8); background: rgba(26, 26, 46, 0.8);