Larger user avatars, fix avatar background

This commit is contained in:
Cadence Ember 2020-10-20 13:37:23 +13:00
parent 3db510ec5f
commit ce4e15eeed
Signed by untrusted user: cadence
GPG key ID: BC1C2C61CF521B17
5 changed files with 13 additions and 9 deletions

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="static/main.css?static=f7c0898b94">
<link rel="stylesheet" type="text/css" href="static/main.css?static=e9db1a3439">
<script type="module" src="static/groups.js?static=2cc7f0daf8"></script>
<script type="module" src="static/chat-input.js?static=16321d4eb4"></script>
<script type="module" src="static/room-picker.js?static=edb9a5f669"></script>

View file

@ -81,11 +81,11 @@ class Sender {
this.avatar.clearChildren()
if (this.sender.value().content.avatar_url) {
this.avatar.child(
ejs("img").class("c-message-group__icon").attribute("src", resolveMxc(this.sender.value().content.avatar_url, 32, "crop"))
ejs("img").class("c-message-group__icon").attribute("src", resolveMxc(this.sender.value().content.avatar_url, 96, "crop"))
)
} else {
this.avatar.child(
ejs("div").class("c-message-group__icon")
ejs("div").class("c-message-group__icon", "c-message-group__icon--no-icon")
)
}
}

View file

@ -155,9 +155,11 @@ body {
cursor: pointer;
}
.c-message-group__icon {
width: 32px;
height: 32px;
width: 40px;
height: 40px;
border-radius: 50%;
}
.c-message-group__icon--no-icon {
background-color: #48d;
}
.c-message-group__intro {

View file

@ -81,11 +81,11 @@ class Sender {
this.avatar.clearChildren()
if (this.sender.value().content.avatar_url) {
this.avatar.child(
ejs("img").class("c-message-group__icon").attribute("src", resolveMxc(this.sender.value().content.avatar_url, 32, "crop"))
ejs("img").class("c-message-group__icon").attribute("src", resolveMxc(this.sender.value().content.avatar_url, 96, "crop"))
)
} else {
this.avatar.child(
ejs("div").class("c-message-group__icon")
ejs("div").class("c-message-group__icon", "c-message-group__icon--no-icon")
)
}
}

View file

@ -17,11 +17,13 @@
cursor: pointer
&__icon
$size: 32px
$size: 40px
width: $size
height: $size
border-radius: 50%
background-color: #48d
&--no-icon
background-color: #48d
&__intro
display: flex