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

update changes ui

Browse Source
This commit is contained in:
Afrina Alimi
2022-12-18 12:03:39 +08:00
committed by faiqahzaman
parent 0491c8f5f9
commit 4827ce45af
3 changed files with 53 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/authentication/TheLogin.vue
+10 -22
View File
@@ -25,19 +25,14 @@
" "
> >
<div class="text-center mb-5"> <div class="text-center mb-5">
<img class="logo-img" src="img/erahn-logo.png" alt="erahn-logo" /> <img class="logo-img" src="img/e-rahn-lelong.png" alt="erahn-logo" />
<div class="text-200 text-3xl font-semibold mb-3"> <div class="text-200 text-3xl font-semibold mb-3 mt-2">Log Masuk</div>
E-Rahn Lelong <span class="text-dark-300 font-medium line-height-3">Belum punyai akaun?</span>
<router-link
</div> v-bind:to="{ name: 'register' }"
<span class="text-dark-300 font-medium line-height-3" class="font-medium no-underline ml-2 text-white cursor-pointer"
>Belum punyai akaun?</span >Daftar sekarang!
> </router-link>
<router-link
v-bind:to="{ name: 'register' }"
class="font-medium no-underline ml-2 text-white cursor-pointer"
>Daftar sekarang!</router-link
>
</div> </div>
<form @submit.prevent="submit"> <form @submit.prevent="submit">
<div class="px-0 text-center md:px-8"> <div class="px-0 text-center md:px-8">
@@ -47,14 +42,7 @@
<div class="col"> <div class="col">
<span class="p-input-icon-right"> <span class="p-input-icon-right">
<i class="pi pi-user" /> <i class="pi pi-user" />
<InputText <InputText class="mb-2" v-model="form.username" type="text" placeholder="Username" required></InputText>
class="mb-2"
v-model="form.username"
type="text"
placeholder="Username"
required
style="width: 360px"
></InputText>
</span> </span>
</div> </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>
@@ -234,7 +222,7 @@ export default {
} }
.logo-img { .logo-img {
width: 70px; width: 350px;
height: 60px; height: 60px;
} }
src/components/authentication/TheRegister.vue
+35 -21
View File
@@ -3,16 +3,16 @@
<div class="flex main-container min-h-screen align-items-center justify-content-center m-5"> <div class="flex main-container min-h-screen align-items-center justify-content-center m-5">
<div class= "surface-card fadein p-4 shadow-2 border-round w-11 md:w-10 lg:w-10 xl:w-8"> <div class= "surface-card fadein p-4 shadow-2 border-round w-11 md:w-10 lg:w-10 xl:w-8">
<div class="text-center mb-5"> <div class="text-center mb-5">
<img class="logo-img" src="img/erahn-logo.png" alt="arrahn-logo" /> <img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" />
<div class="text-200 text-3xl font-semibold mb-3">E-Rahn Lelong</div> <div class="text-200 text-3xl font-semibold mb-3 mt-3">Daftar Akaun</div>
<span class="text-600 font-medium line-height-3">Sudah punyai akaun?</span> <span class="text-800 font-medium line-height-3">Sudah punyai akaun?</span>
<router-link <router-link
v-bind:to="{ name: 'login' }" v-bind:to="{ name: 'login' }"
class="font-medium no-underline ml-2 text-blue-500 cursor-pointer" class="font-medium no-underline ml-2 text-gray-700 cursor-pointer"
>Log masuk sekarang! >Log masuk sekarang!
</router-link> </router-link>
</div> </div>
<h5 class="text-200">Daftar Akaun</h5> <!-- <h5 class="text-200">Daftar Akaun</h5> -->
<div class="grid"> <div class="grid">
<div class="col-12 lg:col-6"> <div class="col-12 lg:col-6">
<div class="field text-200"> <div class="field text-200">
@@ -40,15 +40,16 @@
</div> </div>
</div> </div>
<div class="col-12 lg:col-6"> <div class="col-12 lg:col-6">
<div class="field"> <div class="field text-200">
<!-- <label for="nokp">No Kad Pengenalan</label> --> <label for="nokp">No Kad Pengenalan</label>
<select <!-- <select
class="p-0 mb-2 form-select" class="p-0 mb-2 form-select"
style="width: 190px; border: none" style="width: 190px; border: none"
> >
<option selected value="nokp">No Kad Pengenalan</option> <option selected value="nokp">No Kad Pengenalan</option>
<option value="passpor">No Passport</option> <option value="passpor">No Passport</option>
</select> </select> -->
<InputText <InputText
id="nokp" id="nokp"
type="text" type="text"
@@ -232,9 +233,9 @@
> >
</div> </div>
</div> --> </div> -->
<div class="col-12"> <!-- <div class="col-12">
<div class="field text-200"> <div class="field text-200">
<label for="frontic">Kad Pengenalan Hadapan</label> <label for="frontic">Kad Pengenalan Hadapan</label> -->
<!-- <FileUpload <!-- <FileUpload
name="demo[]" name="demo[]"
url="./upload" url="./upload"
@@ -245,30 +246,29 @@
:showCancelButton="false" :showCancelButton="false"
v-model="form.images.file1" v-model="form.images.file1"
/> --> /> -->
<input <!-- <input
class="form-control" class="form-control"
type="file" type="file"
id="formFile" id="formFile"
ref="formFileRef" ref="formFileRef"
@change="readImage()" @change="readImage()"
/> /> -->
<!-- <InlineMessage class="mt-1" v-if="v$.form.images.file1.$error" <!-- <InlineMessage class="mt-1" v-if="v$.form.images.file1.$error"
>Kad pengenalan hadapan diperlukan</InlineMessage >Kad pengenalan hadapan diperlukan</InlineMessage
> > -->
</div> <!-- </div>
</div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="field text-200"> <div class="field text-200">
<label for="backic">Kad Pengenalan Belakang</label> <label for="backic">Kad Pengenalan Belakang</label>
<input class="form-control" type="file" /> <input class="form-control" type="file" /> -->
<!-- <InlineMessage class="mt-1" v-if="v$.form.images.file2.$error" <!-- <InlineMessage class="mt-1" v-if="v$.form.images.file2.$error"
>Kad pengenalan belakang diperlukan</InlineMessage >Kad pengenalan belakang diperlukan</InlineMessage
> --> > -->
</div> <!-- </div>
</div> </div> -->
<div class="col-12"> <div class="col-12">
<div class="mt-3 mb-1 text-500"> <div class="mt-3 mb-1 text-800">
<label> <label>
<input type="checkbox" v-model="form.register_agree" /> <input type="checkbox" v-model="form.register_agree" />
Setuju Dengan <terms-and-conditions></terms-and-conditions> Setuju Dengan <terms-and-conditions></terms-and-conditions>
@@ -449,8 +449,22 @@ export default {
<style scoped> <style scoped>
.main-container {
/* background: linear-gradient(
135deg,
rgba(139, 198, 236, 0.3) 0%,
#9599e2 100%
),
url("/src/assets/background_arrahn.jpg"); */
background-image: url("/src/assets/background-lelong.png");
/* background-color: #fec234; */
background-position: center;
background-size: cover;
}
.logo-img { .logo-img {
width: 70px; width: 250px;
height: 60px; height: 60px;
} }
src/components/layouts/TheHeader.vue
+8 -8
View File
@@ -5,8 +5,8 @@
<div class="flex justify-content-between px-3 md:px-6 h-3rem flex-wrap main-color"> <div class="flex justify-content-between px-3 md:px-6 h-3rem flex-wrap main-color">
<div class="flex align-items-center justify-content-center"> <div class="flex align-items-center justify-content-center">
<div class="company-title" type="button" v-on:click="toHome()"> <div class="company-title" type="button" v-on:click="toHome()">
<img class="logo-img mr-2" src="img/erahn-logo.png" alt="arrahn-logo" /> <img class="logo-img mr-2" src="img/e-rahn-lelong.png" alt="arrahn-logo" />
<div class="logo-title">E-Rahn Lelong</div> <!-- <div class="logo-title">E-Rahn Lelong</div> -->
</div> </div>
</div> </div>
<div class="flex align-items-center justify-content-center"> <div class="flex align-items-center justify-content-center">
@@ -431,7 +431,7 @@ router-link:hover {
padding: 25px 10px; padding: 25px 10px;
} }
.main-color { .main-color {
background-color: #eeeeee; background-color: #333333;
} }
.border-none { .border-none {
@@ -457,7 +457,7 @@ router-link:hover {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #212223; color: #212223;
font-size: 1rem; font-size: 3rem;
font-weight: 500; font-weight: 500;
} }
@@ -484,7 +484,7 @@ router-link:hover {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 2.4rem; height: 2.4rem;
color: #000000; color: #eaf0f9;
font-weight: 500; font-weight: 500;
font-size: 1rem; font-size: 1rem;
transition: all 0.3s; transition: all 0.3s;
@@ -501,11 +501,11 @@ router-link:hover {
.nav-button { .nav-button {
text-decoration: none; text-decoration: none;
margin: 0 1.5rem; margin: 0 1.5rem;
color: #000000; color: #eaf0f9;
} }
.nav-button:hover { .nav-button:hover {
color: #000000; color: #eaf0f9;
} }
a.router-link-exact-active { a.router-link-exact-active {
@@ -516,7 +516,7 @@ a.router-link-exact-active {
} }
a.router-link-exact-active:hover { a.router-link-exact-active:hover {
color: #132a4f; color: #000000;
} }
.profile-title { .profile-title {