8639e8ccba
This commit introduces a `StatusRoundIcon` component which renders a `StatusIcon` inside a rounded rectangle. This is similar to `StatusRoundButton`, just that it isn't a clickable component. With these changes, we also introduce a new `StatusIconSettings` config object that can be used across component that need icon configuration. The configuration includes the following properties: - `name` - Name of the icon and used to locate the asset - `width` - `height` Closes #53
42 lines
677 B
QML
42 lines
677 B
QML
import QtQuick 2.14
|
|
import QtQuick.Layouts 1.14
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Components 0.1
|
|
|
|
GridLayout {
|
|
columns: 6
|
|
columnSpacing: 5
|
|
rowSpacing: 5
|
|
|
|
StatusLoadingIndicator {
|
|
color: Theme.palette.directColor4
|
|
}
|
|
|
|
StatusLetterIdenticon {
|
|
name: "#status"
|
|
}
|
|
|
|
StatusRoundedImage {
|
|
image.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg"
|
|
}
|
|
|
|
StatusBadge {}
|
|
|
|
StatusBadge {
|
|
value: 1
|
|
}
|
|
|
|
StatusBadge {
|
|
value: 10
|
|
}
|
|
|
|
StatusBadge {
|
|
value: 100
|
|
}
|
|
|
|
StatusRoundIcon {
|
|
icon.name: "info"
|
|
}
|
|
}
|