Prechádzať zdrojové kódy

modify login button

Timmy 1 rok pred
rodič
commit
39a726475b

+ 19 - 7
hichina-main-front-mobile-first/src/pages/LoginPage.vue

@@ -35,14 +35,26 @@
             </template>
           </q-input>
         </div>
-        <div class="col-12 q-pa-md">
-          <q-btn color="primary" @click="login()" :label="$t('login')" />
+        <div class="col-12 q-pa-md d-flex text-center">
+          <q-btn
+            align="between"
+            class="btn-fixed-width"
+            color="blue"
+            icon="login"
+            @click="login()"
+            :label="$t('login')"
+          />
+        </div>
+        <div
+          style="border-top: 1px solid rgb(202, 202, 202); margin: 20px"
+        ></div>
+        <div class="col-12 q-pa-md d-flex text-center">
           <q-btn
-            icon="lab la-facebook"
-            color="blue-6"
-            dense
-            rounded
-            class="q-ma-sm"
+            align="between"
+            class="btn-fixed-width"
+            color="primary"
+            label="Continue with Facebook"
+            icon="facebook"
             @click="goToFacebookLogin"
           />
         </div>