update navigation all

loginv3/components/dekstop.vue

@@ -7,7 +7,7 @@
         <v-img
           min-height="100vh"
           cover
-          style="background-repeat: repeat-y;"
+          style="background-repeat: repeat-y"
           class="bg-white"
           src="./images/bg-left.jpg"
           cover
@@ -17,8 +17,8 @@
         <div class="d-flex justify-center mb-6 mt-16 bg-surface-variant">
           <v-img
             class="bg-white"
-            height="86px"
-            aspect-ratio="16/9"
+            height="12px"
+            aspect-ratio="1"
             src="../globalimages/logo.png"
           ></v-img>
         </div>
@@ -32,7 +32,7 @@
                       <h2 class="text-h6 font-weight-black">
                         {{ $t("message.title") }}
                       </h2>
-                      <p class="text-subtitle-1" style="color: #637381;">
+                      <p class="text-subtitle-1" style="color: #637381">
                         {{ $t("message.sublogin") }}
                       </p>
                     </v-sheet>
@@ -71,7 +71,7 @@
                   <v-text-field
                     :label="$t('message.password')"
                     v-model="password"
-                    :append-inner-icon="visible ?  'mdi-eye':'mdi-eye-off'"
+                    :append-inner-icon="visible ? 'mdi-eye' : 'mdi-eye-off'"
                     :type="visible ? 'text' : 'password'"
                     :placeholder="$t('message.placeholderPassword')"
                     variant="outlined"
@@ -90,9 +90,7 @@
                       {{ $t("message.login") }}
                       <template v-slot:loader>
                         <!-- <v-progress-linear indeterminate></v-progress-linear> -->
-                        <v-progress-circular
-                          indeterminate
-                        ></v-progress-circular>
+                        <v-progress-circular indeterminate></v-progress-circular>
                       </template>
                     </v-btn>
                   </div>
@@ -107,48 +105,48 @@
 </template>
 
 <script type="module">
-  export default {
-    name: "dekstop",
-    data() {
-      return {
-        visible: false,
-      };
+export default {
+  name: "dekstop",
+  data() {
+    return {
+      visible: false,
+    };
+  },
+  computed: {
+    // Akses state dari store
+    loading() {
+      return this.$store.state.login.loading;
     },
-    computed: {
-      // Akses state dari store
-      loading() {
-        return this.$store.state.login.loading;
+    alert() {
+      return this.$store.state.login.alert;
+    },
+    email: {
+      get() {
+        return this.$store.state.login.email;
       },
-      alert() {
-        return this.$store.state.login.alert;
-      },
-      email: {
-        get() {
-          return this.$store.state.login.email;
-        },
-        set(val) {
-          this.$store.commit("login/setEmail", val);
-        },
-      },
-      password: {
-        get() {
-          return this.$store.state.login.password;
-        },
-        set(val) {
-          this.$store.commit("login/setPassword", val);
-        },
+      set(val) {
+        this.$store.commit("login/setEmail", val);
       },
     },
-    methods: {
-      // Dispatch action ke store
-      login() {
-        this.$store.dispatch("login/login");
+    password: {
+      get() {
+        return this.$store.state.login.password;
       },
-      increment() {
-        this.$store.dispatch("increment");
+      set(val) {
+        this.$store.commit("login/setPassword", val);
       },
     },
-  };
+  },
+  methods: {
+    // Dispatch action ke store
+    login() {
+      this.$store.dispatch("login/login");
+    },
+    increment() {
+      this.$store.dispatch("increment");
+    },
+  },
+};
 </script>
 
 <style scoped></style>