From 54ba432847164210e854d07c177aaee1b4e58a44 Mon Sep 17 00:00:00 2001
From: Flex <q1406482700@163.com>
Date: 星期一, 09 六月 2025 17:10:16 +0800
Subject: [PATCH] 修改登录页样式
---
easegen-front/src/views/Login/Login.vue | 30 ++++++++++++++++++++++--------
1 files changed, 22 insertions(+), 8 deletions(-)
diff --git a/easegen-front/src/views/Login/Login.vue b/easegen-front/src/views/Login/Login.vue
index 19bdc65..ebca7cb 100644
--- a/easegen-front/src/views/Login/Login.vue
+++ b/easegen-front/src/views/Login/Login.vue
@@ -90,8 +90,8 @@
}
.bei .BeiArea .Left-Area {
- width: calc(650px + (100vw - 1700px) * 0.5);
- height: calc(650px + (100vh - 900px) * 0.5);
+ width: 500px;
+ height: 450px;
display: flex;
justify-content: center;
align-content: center;
@@ -106,18 +106,20 @@
.bei .BeiArea .Left-Area .TitleText h1 {
color: #fff;
+ font-size: 2.6rem;
}
.bei .BeiArea .form-box {
box-sizing: border-box;
background: #fff;
- width: calc(650px + (100vw - 1700px) * 0.5);
- height: calc(650px + (100vh - 900px) * 0.5);
- padding: 40px 80px;
+ /* width: calc(400px + (100vw - 1900px) * 0.5); */
+ width: 500px;
+ height: 450px;
+ padding: 20px 40px;
}
-@media ( max-width:1200px ) and (min-width:1000px) {
+/* @media ( max-width:1300px ) and (min-width:1000px) {
.bei .BeiArea .form-box{
width: 45%;
height: 90vh;
@@ -126,9 +128,9 @@
width: 45%;
height: 90vh;
}
-}
+} */
-@media ( max-width:1000px ){
+/* @media ( max-width:1000px ){
.bei .BeiArea .form-box{
width: 50%;
height: 100vh;
@@ -137,6 +139,18 @@
width: 50%;
height: 100vh;
}
+} */
+
+@media ( max-width:1550px ){
+ .bei .BeiArea .Left-Area .TitleText h1{
+ font-size: 2.4rem !important;
+ }
+}
+
+@media ( max-width:1050px ){
+ .bei .BeiArea .Left-Area .TitleText h1{
+ font-size: 2rem !important;
+ }
}
</style>
--
Gitblit v1.9.3