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

update login page

Browse Source
This commit is contained in:
faiqahzaman
2023-03-08 10:39:02 +08:00
parent 8565654bc0
commit a1e2c5ff97
1 changed files with 11 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/authentication/TheLogin.vue
+11 -55
View File
@@ -1,28 +1,19 @@
<template> <template>
<Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" /> <Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" />
<div <div class="flex main-container min-h-screen align-items-center justify-content-center">
class="flex main-container min-h-screen align-items-center justify-content-center" <div class="surface-card fadein p-4 shadow-8 border-round w-11 md:w-10 lg:w-8 xl:w-7">
>
<div
class="surface-card fadein p-4 shadow-8 border-round w-11 md:w-10 lg:w-8 xl:w-7"
>
<div> <div>
<div class="row"> <div class="row">
<div <div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-right: -85px">
class="col-md-2 d-flex flex-column justify-content-center align-items-left"
style="margin-right: -85px"
>
<img class="logo-img1" src="img/e-Rahn_Logo_FA-01.png" alt="erahn-logo" /> <img class="logo-img1" src="img/e-Rahn_Logo_FA-01.png" alt="erahn-logo" />
</div> </div>
<div <div class="col-md-2 d-flex flex-column justify-content-center align-items-left">
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" /> <img class="logo-img2" src="img/Logo KoPKB_Final.png" alt="erahn-logo" />
</div> </div>
</div> </div>
</div> </div>
<div class="text-center mb-5"> <div class="text-center mb-5">
<img class="logo-img" src="img/e-rahn-lelong.png" alt="erahn-logo" /> <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> <div class="text-200 text-3xl font-semibold mb-3 mt-2">Log Masuk</div>
<span class="text-200 font-medium line-height-3" <span class="text-200 font-medium line-height-3"
>Belum punyai akaun?</span >Belum punyai akaun?</span
@@ -73,12 +64,7 @@
></InputText> ></InputText>
</span> </span>
</div> </div>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error" <InlineMessage class="flex-auto" v-if="v$.form.username.$error">Username diperlukan</InlineMessage>
>Username diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error"
>Username diperlukan</InlineMessage
>
</div> </div>
<div class="field grid"> <div class="field grid">
<!-- <label for="firstname3" <!-- <label for="firstname3"
@@ -87,35 +73,10 @@
<div class="col"> <div class="col">
<span class="p-input-icon-left"> <span class="p-input-icon-left">
<i class="pi pi-user" /> <i class="pi pi-user" />
<Password <Password class="mb-2" v-model="form.password" placeholder="Katalaluan" toggleMask :feedback="false" />
class="mb-2"
v-model="form.password"
placeholder="Katalaluan"
toggleMask
:feedback="false"
/>
<Password
class="mb-2"
v-model="form.password"
placeholder="Katalaluan"
toggleMask
:feedback="false"
/>
<Password
class="mb-2"
v-model="form.password"
placeholder="Katalaluan"
toggleMask
:feedback="false"
/>
</span> </span>
</div> </div>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error" <InlineMessage class="flex-auto" v-if="v$.form.password.$error">Kata laluan diperlukan</InlineMessage>
>Kata laluan diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error"
>Kata laluan diperlukan</InlineMessage
>
</div> </div>
<div class=""> <div class="">
<Button @click="doLogin()" type="submit" class="p-button-sm" label="Log Masuk" icon="pi pi-sign-in" <Button @click="doLogin()" type="submit" class="p-button-sm" label="Log Masuk" icon="pi pi-sign-in"
@@ -284,14 +245,9 @@ export default {
height: 60px; height: 60px;
} }
.logo-img1 { .logo-img3 {
width: 50px; width: 150px;
height: 50px; height: 30px;
}
.logo-img2 {
width: 50px;
height: 60px;
} }
/* .border-round{ /* .border-round{