ayanova/src/views/home-security.vue

@@ -2,15 +2,36 @@
   <v-row v-if="formState.ready">
     <v-col>
       <v-form ref="form">
-        <v-row>
+        <v-row align="center" justify="center">
           <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <template v-if="tfaEnabled">
             DISABLE TFA
           </template>
           <template v-else>
-            ENABLE TFA
-            <img alt="Embedded QR Code" :src="qCode" />
-            {{ obj.s }}
+            <v-col cols="12" md="7">
+              <v-card>
+                <v-card-title>{{ $ay.t("AuthConnectAppTitle") }}</v-card-title>
+
+                <v-card-text>
+                  <div class="text-center">
+                    <img alt="Embedded QR Code" :src="qCode" />
+                  </div>
+                </v-card-text>
+              </v-card>
+            </v-col>
+
+            <!-- <div class="mb-6">
+              <span class="text-h5"> {{ $ay.t("AuthConnectAppTitle") }}</span>
+            </div>
+            <v-col cols="12" offset-lg="1" offset-xl="3">
+              <v-col cols="12">
+                <img alt="Embedded QR Code" :src="qCode" />
+              </v-col>
+            </v-col>
+            <v-col cols="12">
+              <img alt="Embedded QR Code" :src="qCode" />
+            </v-col>
+            {{ obj.s }} -->
           </template>
         </v-row>
       </v-form>