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

update changes

Browse Source
This commit is contained in:
Afrina Alimi
2022-12-13 15:50:15 +08:00
parent 993d9f027d
commit 4dff85421d
9 changed files with 50 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/img/erahn-logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

public/index.html
+2 -2
View File
@@ -6,12 +6,12 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> --> <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
<link rel="icon" href="img/arrahn_favicon.ico"> <link rel="icon" href="img/erahn-logo.png">
<style> <style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
</style> </style>
<!-- <title><%= htmlWebpackPlugin.options.title %></title> --> <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
<title>ArrahnBid</title> <title>E-Rahn Lelong</title>
</head> </head>
<body> <body>
public/themes/lara-light-blue/theme.css
+2 -1
View File
@@ -36,7 +36,8 @@
--border-radius:6px; --border-radius:6px;
--surface-ground:#eff3f8; --surface-ground:#eff3f8;
--surface-section:#ffffff; --surface-section:#ffffff;
--surface-card:#454444; --surface-card:#454444ce;
--surface-card2:#b9b4b4;
--surface-overlay:#ffffff; --surface-overlay:#ffffff;
--surface-border:#dfe7ef; --surface-border:#dfe7ef;
--surface-hover:#f6f9fc; --surface-hover:#f6f9fc;
src/assets/background-lelong.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 926 KiB

src/components/authentication/TheLogin.vue
+15 -8
View File
@@ -15,7 +15,7 @@
surface-card surface-card
fadein fadein
p-4 p-4
shadow-2 shadow-8
border-round border-round
w-11 w-11
md:w-10 md:w-10
@@ -24,11 +24,12 @@
" "
> >
<div class="text-center mb-5"> <div class="text-center mb-5">
<div class="text-900 text-3xl font-semibold mb-3"> <img class="logo-img" src="img/erahn-logo.png" alt="erahn-logo" />
ArrahnBid <div class="text-200 text-3xl font-semibold mb-3">
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" /> E-Rahn Lelong
</div> </div>
<span class="text-600 font-medium line-height-3" <span class="text-dark-300 font-medium line-height-3"
>Belum punyai akaun?</span >Belum punyai akaun?</span
> >
<router-link <router-link
@@ -51,6 +52,7 @@
type="text" type="text"
placeholder="Username" placeholder="Username"
required required
style="width: 360px"
></InputText> ></InputText>
</span> </span>
</div> </div>
@@ -207,13 +209,18 @@ export default {
#9599e2 100% #9599e2 100%
), ),
url("/src/assets/background_arrahn.jpg"); */ url("/src/assets/background_arrahn.jpg"); */
/* background-color: black; */ background-image: url("/src/assets/background-lelong.png");
background-color: #fec234;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
} }
.logo-img { .logo-img {
width: 84px; width: 70px;
height: 44px; height: 60px;
} }
/* .border-round{
border-radius:50px;
} */
</style> </style>
src/components/authentication/TheRegister.vue
+19 -20
View File
@@ -3,10 +3,8 @@
<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">
<div class="text-900 text-3xl font-semibold mb-3"> <img class="logo-img" src="img/erahn-logo.png" alt="arrahn-logo" />
ArrahnBid <div class="text-200 text-3xl font-semibold mb-3">E-Rahn Lelong</div>
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
</div>
<span class="text-600 font-medium line-height-3">Sudah punyai akaun?</span> <span class="text-600 font-medium line-height-3">Sudah punyai akaun?</span>
<router-link <router-link
v-bind:to="{ name: 'login' }" v-bind:to="{ name: 'login' }"
@@ -14,10 +12,10 @@
>Log masuk sekarang! >Log masuk sekarang!
</router-link> </router-link>
</div> </div>
<h5>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"> <div class="field text-200">
<label for="name">Nama</label> <label for="name">Nama</label>
<InputText <InputText
id="name" id="name"
@@ -74,7 +72,7 @@
</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="notelbimbit">No Telefon</label> <label for="notelbimbit">No Telefon</label>
<!-- <InputText <!-- <InputText
id="notelbimbit" id="notelbimbit"
@@ -115,7 +113,7 @@
</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="email">Emel</label> <label for="email">Emel</label>
<InputText <InputText
id="email" id="email"
@@ -141,7 +139,7 @@
</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">
<p class="mb-0" for="username">Username</p> <p class="mb-0" for="username">Username</p>
<InputText <InputText
id="username" id="username"
@@ -167,13 +165,13 @@
</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">
<p class="mb-0">Kata Laluan</p> <p class="mb-0">Kata Laluan</p>
<div class="p-input-icon-right"> <div class="p-input-icon-right">
<i class="pi pi-user" /> <i class="pi pi-user" />
<!-- <InputText <InputText
id="password" id="password"
type="text" type="password"
v-model="form.password" v-model="form.password"
class=" class="
text-base text-color text-base text-color
@@ -187,8 +185,8 @@
focus:border-primary focus:border-primary
w-full w-full
" "
></InputText> --> ></InputText>
<Password <!-- <Password
v-model="form.password" v-model="form.password"
toggleMask toggleMask
:feedback="false" :feedback="false"
@@ -201,7 +199,7 @@
focus:border-primary focus:border-primary
w-full w-full
" "
/> /> -->
</div> </div>
<InlineMessage class="mt-1" v-if="v$.form.password.$error" <InlineMessage class="mt-1" v-if="v$.form.password.$error"
>Kata laluan diperlukan & mestilah 8 huruf</InlineMessage >Kata laluan diperlukan & mestilah 8 huruf</InlineMessage
@@ -235,7 +233,7 @@
</div> </div>
</div> --> </div> -->
<div class="col-12"> <div class="col-12">
<div class="field"> <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[]"
@@ -260,7 +258,7 @@
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="field"> <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"
@@ -269,7 +267,7 @@
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<div class="mt-3 mb-1"> <div class="mt-3 mb-1 text-500">
<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>
@@ -519,9 +517,10 @@ export default {
</script> </script>
<style scoped> <style scoped>
.logo-img { .logo-img {
width: 84px; width: 70px;
height: 44px; height: 60px;
} }
.h-match-phone-number { .h-match-phone-number {
src/components/layouts/TheFooter.vue
+2 -2
View File
@@ -51,11 +51,11 @@
</footer> --> </footer> -->
<div class="layout-footer"> <div class="layout-footer">
<div class="layout-footer-left"> <div class="layout-footer-left">
<span>Sistem ArrahnBid</span> <span>E-Rahn Lelong</span>
</div> </div>
<div class="layout-footer-right"> <div class="layout-footer-right">
<span> Permodalan Kelantan Berhad </span> <span> Xtrabiz Sdn. Bhd. </span>
</div> </div>
</div> </div>
</template> </template>
src/components/layouts/TheHeader.vue
+8 -5
View File
@@ -15,8 +15,8 @@
> >
<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()">
<div class="logo-title">ArrahnBid</div> <img class="logo-img mr-2" src="img/erahn-logo.png" alt="arrahn-logo" />
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" /> <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">
@@ -293,7 +293,6 @@ router-link:hover {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: #eeeeee; background-color: #eeeeee;
height: 3.2rem; height: 3.2rem;
padding: 0 6.4rem; padding: 0 6.4rem;
} }
@@ -307,15 +306,19 @@ router-link:hover {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #eaf0f9; color: #212223;
font-size: 1rem; font-size: 1rem;
font-weight: 700; font-weight: 500;
} }
.logo-img { .logo-img {
height: 1.6rem; height: 1.6rem;
} }
/* .main-nav {
background-color: #cb3d3d;
} */
.main-nav-list { .main-nav-list {
list-style: none; list-style: none;
display: flex; display: flex;
src/components/layouts/TheTemplate.vue
+1
View File
@@ -2,6 +2,7 @@
<div class="content-page" style="background-color: #fec234;"> <div class="content-page" style="background-color: #fec234;">
<div class="content" style="background-color: #fec234;"> <div class="content" style="background-color: #fec234;">
<the-header /> <the-header />
<br>
<div class="container pt-2" style="background-color: #333333;"> <div class="container pt-2" style="background-color: #333333;">
<slot></slot> <slot></slot>
</div> </div>