diff --git a/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css b/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css
index b550122..6926200 100644
--- a/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css
+++ b/src/Mine/SeekerBundle/Resources/public/css/style.homepage.css
@@ -242,12 +242,21 @@ main .user-list-filter button {
border-bottom-right-radius: 3px;
}
+main .user-request-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
main .user-request-container .user-friend {
background: #ff0000;
width: 150px;
color: #403f3f;
padding: 10px;
margin: 10px;
+
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
}
main .user-request-container h1 {
@@ -261,8 +270,24 @@ main .user-request-container button {
font-weight: bold;
color: #ff0000;
border: 0;
- padding: 5px;
+ padding: 15px 5px;
margin: 0 auto;
+
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-transition: all 250ms ease-in-out;
+ -moz-transition: all 250ms ease-in-out;
+ -o-transition: all 250ms ease-in-out;
+ transition: all 250ms ease-in-out;
+}
+
+main .user-request-container button:hover {
+ background: #ffc38b;
+
+ -webkit-transition: all 250ms ease-in-out;
+ -moz-transition: all 250ms ease-in-out;
+ -o-transition: all 250ms ease-in-out;
+ transition: all 250ms ease-in-out;
}
@media screen and (max-width: 1200px) {
diff --git a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-1.png b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-1.png
new file mode 100755
index 0000000..8b5573e
Binary files /dev/null and b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-1.png differ
diff --git a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-2.png b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-2.png
new file mode 100755
index 0000000..b6bd86c
Binary files /dev/null and b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-2.png differ
diff --git a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-3.png b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-3.png
new file mode 100755
index 0000000..db1fa06
Binary files /dev/null and b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-3.png differ
diff --git a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-4.png b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-4.png
new file mode 100755
index 0000000..0d60ad0
Binary files /dev/null and b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-4.png differ
diff --git a/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-5.png b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-5.png
new file mode 100755
index 0000000..8c69a87
Binary files /dev/null and b/src/Mine/SeekerBundle/Resources/public/images/avatar/bg-avatar-default-5.png differ
diff --git a/src/Mine/SeekerBundle/Resources/public/js/mine-user-list/app.js b/src/Mine/SeekerBundle/Resources/public/js/mine-user-list/app.js
index 6fb238f..d68eaeb 100644
--- a/src/Mine/SeekerBundle/Resources/public/js/mine-user-list/app.js
+++ b/src/Mine/SeekerBundle/Resources/public/js/mine-user-list/app.js
@@ -86,10 +86,13 @@ class MineUserList extends React.Component {
}
getProfilePicture(id) {
+ let avatarNbr = Math.floor(Math.random() * 5) + 1;
+
return id !== null ?
:
- "";
+
;
}
clickChallengeFriend(isOnline, username) {