Prechádzať zdrojové kódy

اضافه شدن ورود با رمز یکبار مصرف

hgh 1 rok pred
rodič
commit
7f1c623b32
1 zmenil súbory, kde vykonal 35 pridanie a 5 odobranie
  1. 35 5
      src/components/Auth/LoginStep.vue

+ 35 - 5
src/components/Auth/LoginStep.vue

@@ -47,12 +47,17 @@
            label="ورود به سامانه"
            :loading="loadingList"
            @click="login" />
-    <div>
+    <div class="full-width div-btn-register-login-opt">
       حساب کاربری ندارید؟
-      <span class="btn-register-span"
-            @click="goToRegisterStep">
-        ثبت نام کنید
-      </span>
+      <q-btn class="full-width btn-login-otp"
+             color="secondary"
+             label="ثبت نام کنید"
+             :loading="loadingList"
+             @click="goToRegisterStep" />
+      <div class="btn-otp-div"
+           @click="goToRegisterStep">
+        ورود با رمز یکبار مصرف
+      </div>
     </div>
   </div>
 </template>
@@ -161,6 +166,10 @@ margin-bottom: 30px;
   margin-bottom: 40px;
   font-size: 18px;
 }
+
+.btn-login-otp {
+  font-size: 18px;
+}
 .password-label {
   display: flex;
   justify-content: space-between;
@@ -175,4 +184,25 @@ margin-bottom: 30px;
   font-size: 16px;
   cursor: pointer;
 }
+
+.btn-register-span {
+  color: #475F4A;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.btn-otp-div {
+  display: flex;
+  font-size: 18px;
+  cursor: pointer;
+  justify-content: center;
+  align-self: stretch;
+}
+.div-btn-register-login-opt{
+  display: flex;
+  flex-direction: column;
+  padding: 16px 0px;
+  align-items: flex-start;
+  gap: 16px;
+}
 </style>