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

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

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

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

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