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

minot ui changes

Browse Source
This commit is contained in:
Afrina Alimi
2023-01-29 10:49:14 +08:00
committed by faiqahzaman
parent 3320f1b559
commit 8dd56761b3
1 changed files with 15 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layouts/TheHeader.vue
+15 -34
View File
@@ -4,22 +4,14 @@
<Toast :breakpoints="{ '992px': { display: 'none' }, }"/> <Toast :breakpoints="{ '992px': { display: 'none' }, }"/>
<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/e-rahn-lelong.png" alt="arrahn-logo" /> --> <!-- <div class="logo-title">E-Rahn Lelong</div> -->
<Button <!-- <img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" /> -->
icon="pi pi-th-large"
@click="visibleLeft = true"
/>
<div class="logo-title mr-2">Menu</div>
<img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" type="button" v-on:click="toHome()"/> <img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" type="button" v-on:click="toHome()"/>
<!-- <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">
<!-- <img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" type="button" v-on:click="toHome()"/> --> <nav class="main-nav">
<!-- <nav class="main-nav">
<router-link class="nav-button" v-bind:to="{ name: 'home' }" <router-link class="nav-button" v-bind:to="{ name: 'home' }"
>Utama</router-link >Utama</router-link
> >
@@ -38,7 +30,7 @@
<router-link class="nav-button" v-bind:to="{ name: 'policy' }" <router-link class="nav-button" v-bind:to="{ name: 'policy' }"
>Polisi</router-link >Polisi</router-link
> >
</nav> --> </nav>
</div> </div>
<div class="flex align-items-center justify-content-center"> <div class="flex align-items-center justify-content-center">
<div class="profile-title hidden lg:flex"> <div class="profile-title hidden lg:flex">
@@ -462,7 +454,7 @@ export default {
data() { data() {
return { return {
username: localStorage.getItem("username"), username: localStorage.getItem("username"),
visibleLeft: false, visibleRight: false,
lelongOnline: "", lelongOnline: "",
isSuccessCart: false, isSuccessCart: false,
itemInCart: 0, itemInCart: 0,
@@ -613,7 +605,8 @@ router-link:hover {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: #eeeeee; background-color: #0D908B;
height: 3.2rem; height: 3.2rem;
padding: 0 6.4rem; padding: 0 6.4rem;
} }
@@ -627,19 +620,15 @@ router-link:hover {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #f9fafc; color: #eaf0f9;
font-size: 1.0rem; font-size: 1rem;
font-weight: 200; font-weight: 700;
} }
.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;
@@ -655,7 +644,7 @@ router-link:hover {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 2.4rem; height: 2.4rem;
color: #2c2d2e; color: #82a4dc;
font-weight: 500; font-weight: 500;
font-size: 1rem; font-size: 1rem;
transition: all 0.3s; transition: all 0.3s;
@@ -672,7 +661,7 @@ router-link:hover {
.nav-button { .nav-button {
text-decoration: none; text-decoration: none;
margin: 0 1.5rem; margin: 0 1.5rem;
color: #eaf0f9; color: #ffffff;
} }
.nav-button:hover { .nav-button:hover {
@@ -697,12 +686,4 @@ a.router-link-exact-active:hover {
.arrow-logo { .arrow-logo {
font-size: 0.5rem; font-size: 0.5rem;
} }
</style>
.p-component-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>