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>
<Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" />
<div
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="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>
<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: -85px">
<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"
>
<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>
</div>
<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>
<span class="text-200 font-medium line-height-3"
>Belum punyai akaun?</span
@@ -73,12 +64,7 @@
></InputText>
</span>
</div>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error"
>Username diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error"
>Username diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.username.$error">Username diperlukan</InlineMessage>
</div>
<div class="field grid">
<!-- <label for="firstname3"
@@ -87,35 +73,10 @@
<div class="col">
<span class="p-input-icon-left">
<i class="pi pi-user" />
<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"
/>
<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>
</div>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error"
>Kata laluan diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error"
>Kata laluan diperlukan</InlineMessage
>
<InlineMessage class="flex-auto" v-if="v$.form.password.$error">Kata laluan diperlukan</InlineMessage>
</div>
<div class="">
<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;
}
.logo-img1 {
width: 50px;
height: 50px;
}
.logo-img2 {
width: 50px;
height: 60px;
.logo-img3 {
width: 150px;
height: 30px;
}
/* .border-round{