fix editpass

src/components/Navbar.vue

@@ -64,20 +64,26 @@
                         <UserIcon aria-hidden="true" class="object-cover w-8 h-8 rounded-md" />
                     </button>
                 </template>
-                <template #content2>
-                    <a class="block text-sm text-black-700">
-                        {{ email }}
-                    </a>
-                </template>    
                 <template #content1>
-                    <a class="block text-sm text-black-700">
-                        Edit Password
-                    </a>
+                    <div class="py-1">
+                        <a class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
+                            {{ email }}
+                        </a>
+                    </div>
+                </template>    
+                <template #conten2>
+                    <div class="py-1">
+                        <a href="https://cat4kit.atmohub.kit.edu/admin/auth/user/" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100" target="_blank">
+                            Edit Password
+                        </a>
+                    </div>
                 </template>                
                 <template #content>
-                    <router-link  v-on:click="logout()" :to="{ name: 'Login' }">
-                        Log Out
-                    </router-link>
+                    <div class="py-1">
+                        <router-link  v-on:click="logout()" :to="{ name: 'Login' }">
+                            Log Out
+                        </router-link>
+                    </div>
                 </template>
             </Dropdown>
         </div>
@@ -162,10 +168,6 @@ function logout() {
     this.userStore.removeStoreSession()
     
 }
-function editpassword() {
-    console.log('editpassword')
-    this.$router.push('https://cat4kit.atmohub.kit.edu/admin/')
-}