forked from cadence/Carbon
Larger user avatars, fix avatar background
This commit is contained in:
parent
3db510ec5f
commit
ce4e15eeed
5 changed files with 13 additions and 9 deletions
|
@ -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>
|
||||
|
|
|
@ -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")
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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")
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -17,10 +17,12 @@
|
|||
cursor: pointer
|
||||
|
||||
&__icon
|
||||
$size: 32px
|
||||
$size: 40px
|
||||
width: $size
|
||||
height: $size
|
||||
border-radius: 50%
|
||||
|
||||
&--no-icon
|
||||
background-color: #48d
|
||||
|
||||
&__intro
|
||||
|
|
Loading…
Reference in a new issue