邀请码、端口修改
Change-Id: Idc325c5f970ade6c750cd09d3d3c32b803dd17e3
diff --git a/src/pages/AuthPage/AuthPage.css b/src/pages/AuthPage/AuthPage.css
index 98e5532..6e8b965 100644
--- a/src/pages/AuthPage/AuthPage.css
+++ b/src/pages/AuthPage/AuthPage.css
@@ -1,109 +1,27 @@
-/* .auth-container {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- min-height: 100vh;
- font-family: Arial, sans-serif;
- background: #333;
- padding: 0 2rem;
-}
-
-.auth-container img {
- margin-left: 250px;
-}
-
-.auth-form-section {
- background: #E4D8C9;
- padding: 2rem;
- border-radius: 10px;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
- width: 300px;
- margin: 0 auto;
- max-width: 400px;
-}
-
-.form-group {
- margin-bottom: 1.2rem;
- display: flex;
- flex-direction: column;
-}
-
-label {
- display: block;
- font-size: 0.9rem;
- margin-bottom: 0.5rem;
- color: #4A3B34;
-}
-
-.form-input {
- width: 100%;
- padding: 0.8rem;
- border: 1px solid #ddd;
- border-radius: 5px;
- font-size: 0.9rem;
- box-sizing: border-box;
-}
-
-.auth-button {
- padding: 0.8rem 8.4rem;
- background: #BA929A;
- color: #4A3B34;
- border: none;
- border-radius: 5px;
- cursor: pointer;
- font-size: 0.9rem;
- display: inline-block;
-}
-
-.verify-button {
- padding: 0.5rem 1rem;
- background: #BA929A;
- color: #4A3B34;
- border: none;
- border-radius: 5px;
- cursor: pointer;
- font-size: 0.8rem;
- display: inline-block;
-}
-
-.link-button {
- background: none;
- border: none;
- color: #4A3B34;
- cursor: pointer;
- font-size: 0.8rem;
- padding: 0;
-}
-
-.forgot-password {
- position: absolute;
- right: 10px;
- bottom: 5px;
- font-size: 12px;
- background: none;
- border: none;
- color: #4A3B34;
- cursor: pointer;
- text-decoration: underline;
-}
-
-.register-link, .login-link {
- text-align: center;
- font-size: 0.8rem;
- margin-top: 1rem;
-} */
-
-
.auth-container {
display: flex;
align-items: center;
- justify-content: flex-end; /* 使卡片靠右 */
+ /* justify-content: flex-end; */
+ justify-content: space-between;
min-height: 100vh;
font-family: Arial, sans-serif;
- background: #333;
+ background: #5F4437;
/* background: linear-gradient(180deg, #5F4437, #823c3c) */
padding: 0 2rem; /* 添加左右内边距 */
}
+
+ .logo-container {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 2rem;
+ }
+
+ .site-logo {
+ width: 300px; /* 设置固定宽度 */
+ height: auto; /* 高度自适应，保持比例 */
+ }
.auth-card {
width: 100%;