diff --git a/src/views/others/Friends.vue b/src/views/others/Friends.vue
index 6489b73..a2c83f7 100644
--- a/src/views/others/Friends.vue
+++ b/src/views/others/Friends.vue
@@ -6,9 +6,11 @@
     </div>
 
     <div class="friends" v-if="friends">
-      <div class="friend" v-for="f in friends" :key="f.name">
-        <div class="name">{{ f.name }}</div>
-        <img class="avatar" :src="f.avatar">
+      <div class="friend card clickable" v-for="f in friends" :key="f.name" @click="click(f)">
+        <img class="avatar" :src="f.avatar" alt="">
+        <div class="info">
+          <div class="name">{{ f.name }}</div>
+        </div>
       </div>
     </div>
   </div>
@@ -41,6 +43,11 @@ export default class Friends extends Vue
       if (!f.avatar.startsWith('http')) f.avatar = `${hosts.content}/${f.avatar}`
     })
   }
+
+  click(f: Friend)
+  {
+    window.open(f.link)
+  }
 }
 </script>