test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style: login style change

This commit is contained in:
RubyLiu 2023-05-25 13:25:28 +08:00 committed by rubylliu
parent be79e78f28
commit bff79a2d38
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/views/login/components/banner.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="banner-wrap ml-2.5 flex items-center"> <div class="banner-wrap mt-40">
<img class="h-365px w-567px m-auto block" :src="bannerImage" /> <img class="img w-567px m-auto block" :src="bannerImage" />
</div> </div>
</template> </template>
@ -11,5 +11,8 @@
<style lang="less" scoped> <style lang="less" scoped>
.banner-wrap { .banner-wrap {
height: 760px; height: 760px;
.img {
height: 365px;
}
} }
</style> </style>

6
frontend/src/views/login/components/login-form.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="login-form"> <div class="login-form flex flex-col items-center">
<div class="title"> <div class="title">
<div class="mt-40 flex justify-center"> <div class="mt-40 flex justify-center">
<svg-icon :width="'290px'" :height="'60px'" :name="'login-logo'" /> <svg-icon :width="'290px'" :height="'60px'" :name="'login-logo'" />
@ -122,9 +122,11 @@
<style lang="less" scoped> <style lang="less" scoped>
.login-form { .login-form {
margin-left: 10px;
.title-welcome { .title-welcome {
color: #783887; color: #783887;
} }
.form {
width: 443px;
}
} }
</style> </style>

3
frontend/src/views/login/index.vue
View File

@ -15,9 +15,8 @@
<style lang="less" scoped> <style lang="less" scoped>
.my-container { .my-container {
width: 1440px; width: 100vw;
height: 100vh; height: 100vh;
background-color: #ffffff;
.login-box { .login-box {
margin-top: calc(50vh - 400px); margin-top: calc(50vh - 400px);
height: 730px; height: 730px;