修改登录页样式

Flex

2025-06-09 54ba432847164210e854d07c177aaee1b4e58a44

 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>