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 ? Facebook profile : - ""; + Default avatar picture; } clickChallengeFriend(isOnline, username) {