minot ui changes

src/components/layouts/TheHeader.vue

@@ -4,22 +4,14 @@
     <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 align-items-center justify-content-center">
-        <!-- <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" /> -->
-          <Button
-            icon="pi pi-th-large"
-            @click="visibleLeft = true"
-          />
-
-          <div class="logo-title mr-2">Menu</div>
-
+        <div class="company-title" type="button" v-on:click="toHome()">
+          <!-- <div class="logo-title">E-Rahn Lelong</div> -->
+          <!-- <img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" /> -->
           <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 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' }"
             >Utama</router-link
           >
@@ -38,7 +30,7 @@
           <router-link class="nav-button" v-bind:to="{ name: 'policy' }"
             >Polisi</router-link
           >
-        </nav> -->
+        </nav>
       </div>
       <div class="flex align-items-center justify-content-center">
         <div class="profile-title hidden lg:flex">
@@ -462,7 +454,7 @@ export default {
   data() {
     return {
       username: localStorage.getItem("username"),
-      visibleLeft: false,
+      visibleRight: false,
       lelongOnline: "",
       isSuccessCart: false,
       itemInCart: 0,
@@ -613,7 +605,8 @@ router-link:hover {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  background-color: #eeeeee;
+  background-color: #0D908B;
+
   height: 3.2rem;
   padding: 0 6.4rem;
 }
@@ -627,19 +620,15 @@ router-link:hover {
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #f9fafc;
-  font-size: 1.0rem;
-  font-weight: 200;
+  color: #eaf0f9;
+  font-size: 1rem;
+  font-weight: 700;
 }
 
 .logo-img {
   height: 1.6rem;
 }
 
-/* .main-nav {
-  background-color: #cb3d3d;
-} */
-
 .main-nav-list {
   list-style: none;
   display: flex;
@@ -655,7 +644,7 @@ router-link:hover {
   align-items: center;
   justify-content: center;
   height: 2.4rem;
-  color: #2c2d2e;
+  color: #82a4dc;
   font-weight: 500;
   font-size: 1rem;
   transition: all 0.3s;
@@ -672,7 +661,7 @@ router-link:hover {
 .nav-button {
   text-decoration: none;
   margin: 0 1.5rem;
-  color: #eaf0f9;
+  color: #ffffff;
 }
 
 .nav-button:hover {
@@ -697,12 +686,4 @@ a.router-link-exact-active:hover {
 .arrow-logo {
   font-size: 0.5rem;
 }
-
-.p-component-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-</style>
+</style>