fix(auth+register):adding copywrite and changing pict

This commit is contained in:
Desy Ayurianti 2024-11-28 15:27:27 +07:00
parent 703c522927
commit da65fdf819
7 changed files with 54 additions and 12 deletions

View File

@ -7,7 +7,6 @@
<div class="row"> <div class="row">
<div class="col-md-9 col-lg-8 mx-auto"> <div class="col-md-9 col-lg-8 mx-auto">
<h3 class="login-heading mb-4">Welcome back!</h3> <h3 class="login-heading mb-4">Welcome back!</h3>
<form (ngSubmit)="onSubmit()"> <form (ngSubmit)="onSubmit()">
<div class="form-floating mb-3"> <div class="form-floating mb-3">
<input type="email" <input type="email"
@ -55,13 +54,17 @@
</span> </span>
</button> </button>
<div class="text-center"> <div class="text-center">
<a class="small forgot" routerLink= '/register'>Register here</a> <a class="small forgot" routerLink='/register'>Register here</a>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
<div class="text-center-copyright">
<div>&copy;2024</div>
<div>Powered by <strong>Politeknik Negeri Malang</strong></div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,12 +1,17 @@
.login { .login {
min-height: 100vh; min-height: 100vh;
font-family: "Onest", sans-serif; font-family: "Onest", sans-serif;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.bg-image { .bg-image {
background-image: url('../../../assets/images/auth.png'); background-image: url('../../../assets/images/bg-auth.jpg');
background-size: cover; background-size: cover;
background-position: left; background-position: right;
height: 100vh;
border-radius: 0px 10px 10px 0px;
} }
.login-heading { .login-heading {
@ -56,3 +61,18 @@
color: white; color: white;
} }
.text-center {
margin-bottom: 20px;
}
.text-center-copyright {
text-align: center;
font-size: 0.85rem;
color: #636363;
padding: 15px 0;
background-color: #f8f9fa;
}
.container{
padding-top: 50px;
}

View File

@ -31,7 +31,7 @@
<div class="sensor-wrapper"> <div class="sensor-wrapper">
<div class="title-with-dropdown"> <div class="title-with-dropdown">
<div class="title">Sensor NPK 1</div> <div class="title">Sensor NPK1</div>
<select class="form-select" style="margin-top: 10px" [(ngModel)]="selectedNPK1" (change)="onResize()"> <select class="form-select" style="margin-top: 10px" [(ngModel)]="selectedNPK1" (change)="onResize()">
<option value="npk">NPK</option> <option value="npk">NPK</option>
<option value="temperature">Temperatur Tanah</option> <option value="temperature">Temperatur Tanah</option>
@ -53,7 +53,7 @@
<div class="sensor-wrapper"> <div class="sensor-wrapper">
<div class="title-with-dropdown"> <div class="title-with-dropdown">
<div class="title">Sensor NPK 2</div> <div class="title">Sensor NPK2</div>
<select class="form-select" style="margin-top: 10px" [(ngModel)]="selectedNPK2" (change)=" onResize()"> <select class="form-select" style="margin-top: 10px" [(ngModel)]="selectedNPK2" (change)=" onResize()">
<option value="npk">NPK</option> <option value="npk">NPK</option>
<option value="temperature">Temperatur Tanah</option> <option value="temperature">Temperatur Tanah</option>

View File

@ -16,10 +16,10 @@ const parameterColors: { [key: string]: string } = {
vicitemperature: '#8F5A62', vicitemperature: '#8F5A62',
vicihumidity: '#16423C', vicihumidity: '#16423C',
viciluminosity: '#DF9B55', viciluminosity: '#DF9B55',
soiltemperature: '#FF6347', soiltemperature: '#8c2d1c',
soilhumidity: '#0389b5', soilhumidity: '#3d7b8f',
soilconductivity: '#A52A2A', soilconductivity: '#f2b8b8',
soilph: '#228B22', soilph: '#459645',
soilnitrogen: '#fece48', soilnitrogen: '#fece48',
soilphosphorus: '#B80F0A', soilphosphorus: '#B80F0A',
soilpotassium: '#4c1f74', soilpotassium: '#4c1f74',

View File

@ -54,6 +54,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="text-center-copyright">
<div>&copy;2024</div>
<div>Powered by <strong>Politeknik Negeri Malang</strong></div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,10 +1,13 @@
.login { .login {
min-height: 100vh; min-height: 100vh;
font-family: "Onest", sans-serif; font-family: "Onest", sans-serif;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.bg-image { .bg-image {
background-image: url('../../../assets/images/auth.png'); background-image: url('../../../assets/images/bg-auth.jpg');
background-size: cover; background-size: cover;
background-position: left; background-position: left;
} }
@ -46,3 +49,15 @@
} }
} }
} }
.text-center-copyright {
text-align: center;
font-size: 0.85rem;
color: #636363;
padding: 15px 0;
background-color: #f8f9fa;
}
.container{
padding-top: 50px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 724 KiB