KoPKB/lelong-web-pembida
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lupa katalaluan in login page

Browse Source
This commit is contained in:
faiqahzaman
2023-03-14 16:42:30 +08:00
parent ebfb70062e
commit 9c1b7e5a4c
2 changed files with 28 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/authentication/TheForgotPassword.vue
+1 -1
View File
@@ -99,7 +99,7 @@ export default {
<style scoped>
.main-container {
background: url("/src/assets/bg3.JPG");
background: url("/src/assets/background-lelong.png");
background-position: center;
background-size: cover;
}
src/components/authentication/TheLogin.vue
+27 -46
View File
@@ -4,26 +4,23 @@
<div class="surface-card fadein p-4 shadow-8 border-round w-11 md:w-10 lg:w-8 xl:w-7">
<div>
<div class="row">
<div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-right: -85px">
<div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-right: -65px">
<img class="logo-img1" src="img/e-Rahn_Logo_FA-01.png" alt="erahn-logo" />
</div>
<div class="col-md-2 d-flex flex-column justify-content-center align-items-left">
<img class="logo-img2" src="img/Logo KoPKB_Final.png" alt="erahn-logo" />
</div>
<div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-left: -65px">
</div>
</div>
</div>
<div class="text-center mb-5">
<img class="logo-img3" src="img/e-rahn-lelong.png" alt="erahn-logo" />
<div class="text-200 text-3xl font-semibold mb-3 mt-2">Log Masuk</div>
<span class="text-200 font-medium line-height-3"
>Belum punyai akaun?</span
>
<router-link
v-bind:to="{ name: 'register' }"
class="font-medium no-underline ml-2 text-white cursor-pointer"
class="font-medium no-underline ml-2 text-white cursor-pointer"
class="font-medium no-underline ml-2 text-white cursor-pointer"
>Daftar sekarang!
<!-- <img class="logo-img" src="img/bidder.png" alt="erahn-logo" /> -->
<img class="logo-img3 mb-3" src="img/e-rahn-lelong.png" alt="erahn-logo">
<div class="text-200 text-3xl font-semibold mb-3">Log Masuk</div>
<span class="text-200 font-medium line-height-3">Belum punyai akaun?</span>
<router-link v-bind:to="{ name: 'register' }" class="font-medium ml-2 text-blue cursor-pointer">Daftar sekarang!
</router-link>
</div>
<form @submit.prevent="submit">
@@ -34,34 +31,8 @@
<div class="col">
<span class="p-input-icon-right">
<i class="pi pi-user" />
<InputText
class="mb-2"
v-model="form.username"
type="text"
placeholder="Username"
required
></InputText>
<InputText
class="mb-2"
v-model="form.username"
type="text"
placeholder="ID Pengguna"
required
></InputText>
<InputText
class="mb-2"
v-model="form.username"
type="text"
placeholder="ID Pengguna"
required
></InputText>
<InputText
class="mb-2"
v-model="form.username"
type="text"
placeholder="ID Pengguna"
required
></InputText>
<InputText class="mb-2" v-model="form.username" type="text" placeholder="ID Pengguna" required>
</InputText>
</span>
</div>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error">Username diperlukan</InlineMessage>
@@ -82,6 +53,11 @@
<Button @click="doLogin()" type="submit" class="p-button-sm" label="Log Masuk" icon="pi pi-sign-in"
:loading="isLoading" iconPos="right"></Button>
</div>
<div class="mt-3">
<router-link v-bind:to="{ name: 'forgot-password' }">Lupa Katalaluan
</router-link>
</div>
<div class="flex alin justify-content-center mt-4 text-hover">
<div class="btn btn-warning btn-sm">
<terms-and-conditions></terms-and-conditions>
@@ -226,8 +202,6 @@ export default {
url("/src/assets/background_arrahn.jpg"); */
background-image: url("/src/assets/background-lelong.png");
background-color: #fec234;
background-image: url("/src/assets/background-lelong.png");
background-color: #fec234;
background-position: center;
background-size: cover;
}
@@ -236,12 +210,19 @@ export default {
background: #fff9f9eb !important;
}
.content-bg {
background: #fff9f9eb !important;
.logo-img {
color: white;
width: 180px;
height: 150px;
}
.logo-img {
width: 350px;
.logo-img1 {
width: 50px;
height: 50px;
}
.logo-img2 {
width: 50px;
height: 60px;
}