From 2a902cfcc1cf230f0d6e735b527ea281eba12ff3 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Wed, 29 May 2024 21:26:17 +0200
Subject: [PATCH] update disable login btns

---
 src/app/components/main-login/login/login.component.html | 8 ++++++--
 src/app/components/main-login/login/login.component.scss | 7 +++++--
 src/app/shared/components/login/mixins/mixin.scss        | 1 +
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/app/components/main-login/login/login.component.html b/src/app/components/main-login/login/login.component.html
index 0bea5a5..9f9aac1 100644
--- a/src/app/components/main-login/login/login.component.html
+++ b/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
diff --git a/src/app/components/main-login/login/login.component.scss b/src/app/components/main-login/login/login.component.scss
index 5c38543..97e4c5d 100644
--- a/src/app/components/main-login/login/login.component.scss
+++ b/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 {
diff --git a/src/app/shared/components/login/mixins/mixin.scss b/src/app/shared/components/login/mixins/mixin.scss
index 4b4f544..91dc3ec 100644
--- a/src/app/shared/components/login/mixins/mixin.scss
+++ b/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;