Default avatars
Someday you'll be able to edit your avatar. Until then, put a bird on it.
This commit is contained in:
parent
245dc5b248
commit
987744cd79
5 changed files with 7 additions and 1 deletions
Binary file not shown.
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
Before Width: | Height: | Size: 161 KiB After Width: | Height: | Size: 5.1 KiB |
|
@ -68,7 +68,7 @@
|
|||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='contact'>
|
||||
<img class='avatar' src='{{ contact_avatar }}'>
|
||||
<div class='avatar' style='background-image: url({{ contact_avatar }});'></div>
|
||||
<div class='contact-details'>
|
||||
<h3>
|
||||
{{ contact_name }}
|
||||
|
|
|
@ -34,6 +34,7 @@ var Whisper = Whisper || {};
|
|||
this.$el.html(
|
||||
Mustache.render(this.template, {
|
||||
contact_name: this.model.get('name'),
|
||||
contact_avatar: this.model.get('image'),
|
||||
last_message: this.model.get('lastMessage'),
|
||||
last_message_timestamp: this.formatTimestamp()
|
||||
})
|
||||
|
|
|
@ -26,6 +26,11 @@ body {
|
|||
background-color: aliceblue;
|
||||
}
|
||||
|
||||
.gutter .contact .avatar {
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.conversation {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
Loading…
Reference in a new issue