mirror of
https://github.com/Nheko-Reborn/nheko.git
synced 2024-10-31 01:50:47 +03:00
f452bdf2b0
Limiting improves readability on wide monitors. The immediate update of the settings is done by just exposing settings as properties and then setting the settings as a context property.
47 lines
991 B
QML
47 lines
991 B
QML
import QtQuick 2.6
|
|
import QtQuick.Controls 2.3
|
|
import QtGraphicalEffects 1.0
|
|
|
|
Rectangle {
|
|
id: avatar
|
|
width: 48
|
|
height: 48
|
|
radius: settings.avatarCircles ? height/2 : 3
|
|
|
|
property alias url: img.source
|
|
property string displayName
|
|
|
|
Label {
|
|
anchors.fill: parent
|
|
text: chat.model.escapeEmoji(String.fromCodePoint(displayName.codePointAt(0)))
|
|
textFormat: Text.RichText
|
|
font.pixelSize: avatar.height/2
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
visible: img.status != Image.Ready
|
|
color: colors.text
|
|
}
|
|
|
|
Image {
|
|
id: img
|
|
anchors.fill: parent
|
|
asynchronous: true
|
|
fillMode: Image.PreserveAspectCrop
|
|
mipmap: true
|
|
smooth: false
|
|
|
|
sourceSize.width: avatar.width
|
|
sourceSize.height: avatar.height
|
|
|
|
layer.enabled: true
|
|
layer.effect: OpacityMask {
|
|
maskSource: Rectangle {
|
|
anchors.fill: parent
|
|
width: avatar.width
|
|
height: avatar.height
|
|
radius: settings.avatarCircles ? height/2 : 3
|
|
}
|
|
}
|
|
}
|
|
color: colors.base
|
|
}
|