lupa katalaluan in login page

src/components/authentication/TheForgotPassword.vue

@@ -99,7 +99,7 @@ export default {
 
 <style scoped>
 .main-container {
-    background: url("/src/assets/bg3.JPG");
+    background: url("/src/assets/background-lelong.png");
     background-position: center;
     background-size: cover;
 }

src/components/authentication/TheLogin.vue

@@ -4,26 +4,23 @@
     <div class="surface-card fadein p-4 shadow-8 border-round w-11 md:w-10 lg:w-8 xl:w-7">
       <div>
         <div class="row">
-          <div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-right: -85px">
+          <div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-right: -65px">
             <img class="logo-img1" src="img/e-Rahn_Logo_FA-01.png" alt="erahn-logo" />
           </div>
           <div class="col-md-2 d-flex flex-column justify-content-center align-items-left">
             <img class="logo-img2" src="img/Logo KoPKB_Final.png" alt="erahn-logo" />
           </div>
+          <div class="col-md-2 d-flex flex-column justify-content-center align-items-left" style="margin-left: -65px">
+
+          </div>
         </div>
       </div>
       <div class="text-center mb-5">
-        <img class="logo-img3" src="img/e-rahn-lelong.png" alt="erahn-logo" />
+        <!-- <img class="logo-img" src="img/bidder.png" alt="erahn-logo" /> -->
-        <div class="text-200 text-3xl font-semibold mb-3 mt-2">Log Masuk</div>
+        <img class="logo-img3 mb-3" src="img/e-rahn-lelong.png" alt="erahn-logo">
-        <span class="text-200 font-medium line-height-3"
+        <div class="text-200 text-3xl font-semibold mb-3">Log Masuk</div>
-          >Belum punyai akaun?</span
+        <span class="text-200 font-medium line-height-3">Belum punyai akaun?</span>
-        >
+        <router-link v-bind:to="{ name: 'register' }" class="font-medium ml-2 text-blue cursor-pointer">Daftar sekarang!
-        <router-link
-          v-bind:to="{ name: 'register' }"
-          class="font-medium no-underline ml-2 text-white cursor-pointer"
-          class="font-medium no-underline ml-2 text-white cursor-pointer"
-          class="font-medium no-underline ml-2 text-white cursor-pointer"
-          >Daftar sekarang!
         </router-link>
       </div>
       <form @submit.prevent="submit">
@@ -34,34 +31,8 @@
             <div class="col">
               <span class="p-input-icon-right">
                 <i class="pi pi-user" />
-                <InputText
+                <InputText class="mb-2" v-model="form.username" type="text" placeholder="ID Pengguna" required>
-                  class="mb-2"
+                </InputText>
-                  v-model="form.username"
-                  type="text"
-                  placeholder="Username"
-                  required
-                ></InputText>
-                <InputText
-                  class="mb-2"
-                  v-model="form.username"
-                  type="text"
-                  placeholder="ID Pengguna"
-                  required
-                ></InputText>
-                <InputText
-                  class="mb-2"
-                  v-model="form.username"
-                  type="text"
-                  placeholder="ID Pengguna"
-                  required
-                ></InputText>
-                <InputText
-                  class="mb-2"
-                  v-model="form.username"
-                  type="text"
-                  placeholder="ID Pengguna"
-                  required
-                ></InputText>
               </span>
             </div>
             <InlineMessage class="flex-auto" v-if="v$.form.username.$error">Username diperlukan</InlineMessage>
@@ -82,6 +53,11 @@
             <Button @click="doLogin()" type="submit" class="p-button-sm" label="Log Masuk" icon="pi pi-sign-in"
               :loading="isLoading" iconPos="right"></Button>
           </div>
+          <div class="mt-3">
+            <router-link v-bind:to="{ name: 'forgot-password' }">Lupa Katalaluan
+            </router-link>
+          </div>
+
           <div class="flex alin justify-content-center mt-4 text-hover">
             <div class="btn btn-warning btn-sm">
               <terms-and-conditions></terms-and-conditions>
@@ -226,8 +202,6 @@ export default {
   url("/src/assets/background_arrahn.jpg"); */
   background-image: url("/src/assets/background-lelong.png");
   background-color: #fec234;
-  background-image: url("/src/assets/background-lelong.png");
-  background-color: #fec234;
   background-position: center;
   background-size: cover;
 }
@@ -236,12 +210,19 @@ export default {
   background: #fff9f9eb !important;
 }
 
-.content-bg {
+.logo-img {
-  background: #fff9f9eb !important;
+  color: white;
+  width: 180px;
+  height: 150px;
 }
 
-.logo-img {
+.logo-img1 {
-  width: 350px;
+  width: 50px;
+  height: 50px;
+}
+
+.logo-img2 {
+  width: 50px;
   height: 60px;
 }