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 name="viewport" content="width=device-width,initial-scale=1.0">
<!-- <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>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
</style>
<!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
<title>ArrahnBid</title>
<title>E-Rahn Lelong</title>
</head>
<body>
public/themes/lara-light-blue/theme.css
+2 -1
View File
@@ -36,7 +36,8 @@
--border-radius:6px;
--surface-ground:#eff3f8;
--surface-section:#ffffff;
--surface-card:#454444;
--surface-card:#454444ce;
--surface-card2:#b9b4b4;
--surface-overlay:#ffffff;
--surface-border:#dfe7ef;
--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
fadein
p-4
shadow-2
shadow-8
border-round
w-11
md:w-10
@@ -24,11 +24,12 @@
"
>
<div class="text-center mb-5">
<div class="text-900 text-3xl font-semibold mb-3">
ArrahnBid
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
<img class="logo-img" src="img/erahn-logo.png" alt="erahn-logo" />
<div class="text-200 text-3xl font-semibold mb-3">
E-Rahn Lelong
</div>
<span class="text-600 font-medium line-height-3"
<span class="text-dark-300 font-medium line-height-3"
>Belum punyai akaun?</span
>
<router-link
@@ -51,6 +52,7 @@
type="text"
placeholder="Username"
required
style="width: 360px"
></InputText>
</span>
</div>
@@ -207,13 +209,18 @@ export default {
#9599e2 100%
),
url("/src/assets/background_arrahn.jpg"); */
/* background-color: black; */
background-image: url("/src/assets/background-lelong.png");
background-color: #fec234;
background-position: center;
background-size: cover;
}
.logo-img {
width: 84px;
height: 44px;
width: 70px;
height: 60px;
}
/* .border-round{
border-radius:50px;
} */
</style>
src/components/authentication/TheRegister.vue
+20 -21
View File
@@ -1,12 +1,10 @@
<template>
<Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" />
<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-900 text-3xl font-semibold mb-3">
ArrahnBid
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
</div>
<img class="logo-img" src="img/erahn-logo.png" alt="arrahn-logo" />
<div class="text-200 text-3xl font-semibold mb-3">E-Rahn Lelong</div>
<span class="text-600 font-medium line-height-3">Sudah punyai akaun?</span>
<router-link
v-bind:to="{ name: 'login' }"
@@ -14,10 +12,10 @@
>Log masuk sekarang!
</router-link>
</div>
<h5>Daftar Akaun</h5>
<h5 class="text-200">Daftar Akaun</h5>
<div class="grid">
<div class="col-12 lg:col-6">
<div class="field">
<div class="field text-200">
<label for="name">Nama</label>
<InputText
id="name"
@@ -74,7 +72,7 @@
</div>
</div>
<div class="col-12 lg:col-6">
<div class="field">
<div class="field text-200">
<label for="notelbimbit">No Telefon</label>
<!-- <InputText
id="notelbimbit"
@@ -115,7 +113,7 @@
</div>
</div>
<div class="col-12 lg:col-6">
<div class="field">
<div class="field text-200">
<label for="email">Emel</label>
<InputText
id="email"
@@ -141,7 +139,7 @@
</div>
</div>
<div class="col-12 lg:col-6">
<div class="field">
<div class="field text-200">
<p class="mb-0" for="username">Username</p>
<InputText
id="username"
@@ -167,13 +165,13 @@
</div>
</div>
<div class="col-12 lg:col-6">
<div class="field">
<div class="field text-200">
<p class="mb-0">Kata Laluan</p>
<div class="p-input-icon-right">
<i class="pi pi-user" />
<!-- <InputText
<InputText
id="password"
type="text"
type="password"
v-model="form.password"
class="
text-base text-color
@@ -187,8 +185,8 @@
focus:border-primary
w-full
"
></InputText> -->
<Password
></InputText>
<!-- <Password
v-model="form.password"
toggleMask
:feedback="false"
@@ -201,7 +199,7 @@
focus:border-primary
w-full
"
/>
/> -->
</div>
<InlineMessage class="mt-1" v-if="v$.form.password.$error"
>Kata laluan diperlukan & mestilah 8 huruf</InlineMessage
@@ -235,7 +233,7 @@
</div>
</div> -->
<div class="col-12">
<div class="field">
<div class="field text-200">
<label for="frontic">Kad Pengenalan Hadapan</label>
<!-- <FileUpload
name="demo[]"
@@ -260,7 +258,7 @@
</div>
</div>
<div class="col-12">
<div class="field">
<div class="field text-200">
<label for="backic">Kad Pengenalan Belakang</label>
<input class="form-control" type="file" />
<!-- <InlineMessage class="mt-1" v-if="v$.form.images.file2.$error"
@@ -269,7 +267,7 @@
</div>
</div>
<div class="col-12">
<div class="mt-3 mb-1">
<div class="mt-3 mb-1 text-500">
<label>
<input type="checkbox" v-model="form.register_agree" />
Setuju Dengan <terms-and-conditions></terms-and-conditions>
@@ -519,9 +517,10 @@ export default {
</script>
<style scoped>
.logo-img {
width: 84px;
height: 44px;
width: 70px;
height: 60px;
}
.h-match-phone-number {
src/components/layouts/TheFooter.vue
+2 -2
View File
@@ -51,11 +51,11 @@
</footer> -->
<div class="layout-footer">
<div class="layout-footer-left">
<span>Sistem ArrahnBid</span>
<span>E-Rahn Lelong</span>
</div>
<div class="layout-footer-right">
<span> Permodalan Kelantan Berhad </span>
<span> Xtrabiz Sdn. Bhd. </span>
</div>
</div>
</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="company-title" type="button" v-on:click="toHome()">
<div class="logo-title">ArrahnBid</div>
<img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
<img class="logo-img mr-2" src="img/erahn-logo.png" alt="arrahn-logo" />
<div class="logo-title">E-Rahn Lelong</div>
</div>
</div>
<div class="flex align-items-center justify-content-center">
@@ -293,7 +293,6 @@ router-link:hover {
justify-content: space-between;
align-items: center;
background-color: #eeeeee;
height: 3.2rem;
padding: 0 6.4rem;
}
@@ -307,15 +306,19 @@ router-link:hover {
display: flex;
justify-content: center;
align-items: center;
color: #eaf0f9;
color: #212223;
font-size: 1rem;
font-weight: 700;
font-weight: 500;
}
.logo-img {
height: 1.6rem;
}
/* .main-nav {
background-color: #cb3d3d;
} */
.main-nav-list {
list-style: none;
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" style="background-color: #fec234;">
<the-header />
<br>
<div class="container pt-2" style="background-color: #333333;">
<slot></slot>
</div>