update disable login btns

src/app/components/main-login/login/login.component.html

@@ -72,10 +72,14 @@
         <div></div>
       </div>
 
-      <div (click)="loginService.googleLogin()" class="googleLogingContainer">
+      <button
+        (click)="loginService.googleLogin()"
+        class="googleLogingContainer"
+        [disabled]="loginService.isBtnDisabled"
+      >
         <img src="./assets/img/login/google.svg" alt="" />
         <span>{{ "login.googleBtn" | translate }}</span>
-      </div>
+      </button>
 
       <div class="loginBottom">
         <button

src/app/components/main-login/login/login.component.scss

@@ -59,13 +59,13 @@ section {
 .separatorContainer {
   display: flex;
   justify-content: center;
-  align-items: baseline;
+  align-items: center;
   gap: 10px;
   font-size: 18px;
   margin-bottom: 32px;
   > div {
     border: 1px solid #adb0d9;
-    width: 42%;
+    width: 45%;
     height: 0px;
     display: flex;
     justify-content: center;
@@ -91,6 +91,9 @@ section {
     color: #444df2;
     cursor: pointer;
   }
+  &:disabled {
+    @include buttonGrey;
+  }
 }
 
 .loginBottom {

src/app/shared/components/login/mixins/mixin.scss

@@ -84,6 +84,7 @@
   border-radius: 25px;
   font-size: 18px;
   font-weight: 600;
+  cursor: default;
 }
 @mixin aktivButtonBlue {
   padding: 12px 25px;