修改登录页样式

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>

 easegen-front/src/views/Login/components/LoginForm.vue

@@ -358,14 +358,11 @@
.NewClass {
  ::v-deep(.el-input__inner) {
    font-size: 20px;
    line-height: 40px;
    height: 60px;
  }
  ::v-deep(.el-button--large) {
    padding: 20px;
    box-sizing: border-box;
    font-size: 20px;
    height: 60px;
    margin-top: 20px;
  }
}
@@ -374,8 +371,6 @@
  .NewClass {
    ::v-deep(.el-input__inner) {
      font-size: 20px;
      line-height: 40px;
      height: 50px;
    }
    ::v-deep(.el-form-item--large){
      margin-bottom: 40px;
@@ -387,7 +382,6 @@
      padding: 20px;
      box-sizing: border-box;
      font-size: 20px;
      height: 60px;
      margin-top: 10px;
    }
  }

 easegen-front/src/views/Login/components/LoginFormTitle.vue

@@ -1,7 +1,8 @@

<style>
.c717a8a{
  color: #717a8a
  color: #717a8a;
  text-align: center;
}
</style>