51 lines
1.1 KiB
QML
51 lines
1.1 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import Quickshell.Widgets
|
|
import qs.Settings
|
|
import QtQuick.Effects
|
|
|
|
Item {
|
|
anchors.fill: parent
|
|
|
|
IconImage {
|
|
id: avatarImage
|
|
anchors.fill: parent
|
|
anchors.margins: 2
|
|
source: "file://" + Settings.settings.profileImage
|
|
visible: false
|
|
asynchronous: true
|
|
backer.fillMode: Image.PreserveAspectCrop
|
|
}
|
|
|
|
MultiEffect {
|
|
anchors.fill: avatarImage
|
|
source: avatarImage
|
|
maskEnabled: true
|
|
maskSource: mask
|
|
visible: Settings.settings.profileImage !== ""
|
|
}
|
|
|
|
Item {
|
|
id: mask
|
|
|
|
anchors.fill: avatarImage
|
|
layer.enabled: true
|
|
visible: false
|
|
|
|
Rectangle {
|
|
anchors.fill: avatarImage
|
|
radius: avatarImage.width / 2
|
|
}
|
|
}
|
|
|
|
// Fallback icon
|
|
Text {
|
|
anchors.centerIn: parent
|
|
text: "person"
|
|
font.family: "Material Symbols Outlined"
|
|
font.pixelSize: 24
|
|
color: Theme.onAccent
|
|
visible: Settings.settings.profileImage === undefined || Settings.settings.profileImage === ""
|
|
z: 0
|
|
}
|
|
}
|