status-desktop/ui/shared/RoundedImage.qml
Alexandra Betouni 4ee21ada05 feat(desktop) Added image function in Style
Introduced Style.svg() Style.png() Style.emoji() and
Style.icon() in Style.qml. Those should be used to
set the source in Images instead of using relative
paths. Usage:
Image {
   source: Style.svg("check)
   ....

Also moved all Singletons inside a new "utils"
folder and made it a QML module, to use
import utils 1.0 instead of relative paths

Closes #3678
2021-09-28 15:28:00 -04:00

44 lines
1.0 KiB
QML

import QtQuick 2.12
import QtGraphicalEffects 1.0
import utils 1.0
Rectangle {
id: root
signal clicked
property bool noMouseArea: false
property bool noHover: false
property alias showLoadingIndicator: imgStickerPackThumb.showLoadingIndicator
property alias source: imgStickerPackThumb.source
property alias fillMode: imgStickerPackThumb.fillMode
radius: width / 2
width: 24
height: 24
color: Style.current.background
// apply rounded corners mask
layer.enabled: true
layer.effect: OpacityMask {
maskSource: Rectangle {
x: root.x; y: root.y
width: root.width
height: root.height
radius: root.radius
}
}
ImageLoader {
id: imgStickerPackThumb
noMouseArea: root.noMouseArea
noHover: root.noHover
opacity: 1
smooth: false
radius: root.radius
anchors.fill: parent
source: "https://ipfs.infura.io/ipfs/" + thumbnail
onClicked: root.clicked()
}
}