slcing registrasi awal

loginv3/components/dekstop.vue

@@ -10,23 +10,22 @@
           style="background-repeat: repeat-y"
           class="bg-white"
           src="./images/bg-left.jpg"
-          cover
         ></v-img>
       </v-col>
       <v-col lg="4" md="5">
-        <div class="d-flex justify-center mb-6 mt-16 bg-surface-variant">
-          <v-img
-            class="bg-white"
-            height="12px"
-            aspect-ratio="1"
-            src="../globalimages/logo.png"
-          ></v-img>
-        </div>
-        <v-container class="mt-16">
+        <v-container class="fill-height" fluid>
           <v-row no-gutters justify="center">
             <v-col>
               <div class="d-flex justify-center">
                 <v-card class="mx-auto px-12" elevation="0" rounded="lg">
+                  <div class="d-flex justify-center mb-16 bg-surface-variant">
+                      <v-img
+                          class="bg-white"
+                          height="86px"
+                          aspect-ratio="16/9"
+                          src="../globalimages/logo.png"
+                      ></v-img>
+                  </div>
                   <div class="d-flex mb-6">
                     <v-sheet class="">
                       <h2 class="text-h6 font-weight-black">
@@ -55,19 +54,6 @@
                     :placeholder="$t('message.placeholderEmail')"
                     variant="outlined"
                   ></v-text-field>
-                  <!-- <div
-                    class="text-subtitle-1 text-medium-emphasis d-flex align-center justify-space-between"
-                  >
-                    {{ $t("message.password") }}
-                    <a
-                      class="text-caption text-decoration-none text-blue"
-                      href="#"
-                      rel="noopener noreferrer"
-                      target="_blank"
-                    >
-                      {{ $t("message.forgotPassword") }}</a
-                    >
-                  </div> -->
                   <v-text-field
                     :label="$t('message.password')"
                     v-model="password"
@@ -93,6 +79,16 @@
                         <v-progress-circular indeterminate></v-progress-circular>
                       </template>
                     </v-btn>
+                    <v-btn
+                      class="my-5 text-none"
+                      size="large"
+                      @click="loginGoogle"
+                      variant="outlined"
+                      block
+                    >
+                      <v-img class="mr-2" src="./images/logo_google.svg" width="20px" height="20px"></v-img>
+                      SIGN IN WITH GOOGLE
+                    </v-btn>
                   </div>
                 </v-card>
               </div>
@@ -135,6 +131,9 @@ export default {
       set(val) {
         this.$store.commit("login/setPassword", val);
       },
+      loginGoogle() {
+        this.$store.dispatch("login/loginGoogle")
+      }
     },
   },
   methods: {