Finish Manage Medical Center

resources/js/vue/views/Login.vue

@@ -19,12 +19,15 @@
             </v-layout>
             <v-layout row wrap class="px-3">
               <v-flex xs12 md12 sm12>
-                <v-text-field
-                  v-model="password"
+              <v-text-field
                   name="password"
                   label="Password"
-                  id="id2"
+                  v-model="password"
+                  :type="show1 ? 'text' : 'password'"
+                  :append-icon="show1 ? 'visibility' : 'visibility_off'"
+                  @click:append="show1 = !show1"
                   color="black"
+                  class="pa-2"
                 ></v-text-field>
               </v-flex>
             </v-layout>
@@ -64,6 +67,7 @@ export default {
     return {
       cell_number: "",
       password: "",
+      show1: false,
     };
   },
   computed: {