From a1e2c5ff97ac7234791eb129b4413857c91167a2 Mon Sep 17 00:00:00 2001
From: faiqahzaman <zmnfqh@gmail.com>
Date: Wed, 8 Mar 2023 10:39:02 +0800
Subject: [PATCH] update login page

---
 src/components/authentication/TheLogin.vue | 66 ++++------------------
 1 file changed, 11 insertions(+), 55 deletions(-)

diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index 584e411..2284362 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -1,28 +1,19 @@
 <template>
   <Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" />
-  <div
-    class="flex main-container min-h-screen align-items-center justify-content-center"
-  >
-    <div
-      class="surface-card fadein p-4 shadow-8 border-round w-11 md:w-10 lg:w-8 xl:w-7"
-    >
+  <div class="flex main-container min-h-screen align-items-center justify-content-center">
+    <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: -85px">
             <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"
-          >
+          <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>
       </div>
       <div class="text-center mb-5">
-        <img class="logo-img" src="img/e-rahn-lelong.png" alt="erahn-logo" />
+        <img class="logo-img3" src="img/e-rahn-lelong.png" alt="erahn-logo" />
         <div class="text-200 text-3xl font-semibold mb-3 mt-2">Log Masuk</div>
         <span class="text-200 font-medium line-height-3"
           >Belum punyai akaun?</span
@@ -73,12 +64,7 @@
                 ></InputText>
               </span>
             </div>
-            <InlineMessage class="flex-auto" v-if="v$.form.username.$error"
-              >Username diperlukan</InlineMessage
-            >
-            <InlineMessage class="flex-auto" v-if="v$.form.username.$error"
-              >Username diperlukan</InlineMessage
-            >
+            <InlineMessage class="flex-auto" v-if="v$.form.username.$error">Username diperlukan</InlineMessage>
           </div>
           <div class="field grid">
             <!-- <label for="firstname3"
@@ -87,35 +73,10 @@
             <div class="col">
               <span class="p-input-icon-left">
                 <i class="pi pi-user" />
-                <Password
-                  class="mb-2"
-                  v-model="form.password"
-                  placeholder="Katalaluan"
-                  toggleMask
-                  :feedback="false"
-                />
-                <Password
-                  class="mb-2"
-                  v-model="form.password"
-                  placeholder="Katalaluan"
-                  toggleMask
-                  :feedback="false"
-                />
-                <Password
-                  class="mb-2"
-                  v-model="form.password"
-                  placeholder="Katalaluan"
-                  toggleMask
-                  :feedback="false"
-                />
+                <Password class="mb-2" v-model="form.password" placeholder="Katalaluan" toggleMask :feedback="false" />
               </span>
             </div>
-            <InlineMessage class="flex-auto" v-if="v$.form.password.$error"
-              >Kata laluan diperlukan</InlineMessage
-            >
-            <InlineMessage class="flex-auto" v-if="v$.form.password.$error"
-              >Kata laluan diperlukan</InlineMessage
-            >
+            <InlineMessage class="flex-auto" v-if="v$.form.password.$error">Kata laluan diperlukan</InlineMessage>
           </div>
           <div class="">
             <Button @click="doLogin()" type="submit" class="p-button-sm" label="Log Masuk" icon="pi pi-sign-in"
@@ -284,14 +245,9 @@ export default {
   height: 60px;
 }
 
-.logo-img1 {
-  width: 50px;
-  height: 50px;
-}
-
-.logo-img2 {
-  width: 50px;
-  height: 60px;
+.logo-img3 {
+  width: 150px;
+  height: 30px;
 }
 
 /* .border-round{