diff --git a/ui/StatusQ/sandbox/Others.qml b/ui/StatusQ/sandbox/Others.qml index a680059e46..c3f254b3ee 100644 --- a/ui/StatusQ/sandbox/Others.qml +++ b/ui/StatusQ/sandbox/Others.qml @@ -34,4 +34,8 @@ GridLayout { StatusBadge { value: 100 } + + StatusRoundIcon { + icon.name: "info" + } } diff --git a/ui/StatusQ/src/StatusQ/Components/StatusRoundIcon.qml b/ui/StatusQ/src/StatusQ/Components/StatusRoundIcon.qml new file mode 100644 index 0000000000..94f7e7e4ba --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Components/StatusRoundIcon.qml @@ -0,0 +1,28 @@ +import QtQuick 2.14 +import StatusQ.Core 0.1 +import StatusQ.Core.Theme 0.1 + +Rectangle { + id: statusRoundedIcon + + implicitWidth: 40 + implicitHeight: 40 + radius: width / 2; + + color: Theme.palette.primaryColor3; + property StatusIconSettings icon: StatusIconSettings { + width: 24 + height: 24 + } + + StatusIcon { + id: statusIcon + anchors.centerIn: parent + + width: statusRoundedIcon.icon.width + height: statusRoundedIcon.icon.height + + color: Theme.palette.primaryColor1 + icon: statusRoundedIcon.icon.name + } +} diff --git a/ui/StatusQ/src/StatusQ/Components/qmldir b/ui/StatusQ/src/StatusQ/Components/qmldir index 9f79e37e2b..e583d8cd34 100644 --- a/ui/StatusQ/src/StatusQ/Components/qmldir +++ b/ui/StatusQ/src/StatusQ/Components/qmldir @@ -3,4 +3,5 @@ module StatusQ.Components StatusBadge 0.1 StatusBadge.qml StatusLetterIdenticon 0.1 StatusLetterIdenticon.qml StatusLoadingIndicator 0.1 StatusLoadingIndicator.qml +StatusRoundIcon 0.1 StatusRoundIcon.qml StatusRoundedImage 0.1 StatusRoundedImage.qml diff --git a/ui/StatusQ/src/StatusQ/Core/StatusIconSettings.qml b/ui/StatusQ/src/StatusQ/Core/StatusIconSettings.qml new file mode 100644 index 0000000000..4699ccbc4a --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Core/StatusIconSettings.qml @@ -0,0 +1,11 @@ +import QtQuick 2.13 + +QtObject { + id: statusIconSettings + + property string name + property real width + property real height + property color color + property url source +} diff --git a/ui/StatusQ/src/StatusQ/Core/qmldir b/ui/StatusQ/src/StatusQ/Core/qmldir index a151edf0d4..626615126f 100644 --- a/ui/StatusQ/src/StatusQ/Core/qmldir +++ b/ui/StatusQ/src/StatusQ/Core/qmldir @@ -2,4 +2,5 @@ module StatusQ.Core StatusBaseText 0.1 StatusBaseText.qml StatusIcon 0.1 StatusIcon.qml +StatusIconSettings 0.1 StatusIconSettings.qml