diff options
Diffstat (limited to 'gui/components')
| -rw-r--r-- | gui/components/StatusBox.qml | 8 | ||||
| -rw-r--r-- | gui/components/VPNState.qml | 4 |
2 files changed, 9 insertions, 3 deletions
diff --git a/gui/components/StatusBox.qml b/gui/components/StatusBox.qml index 00d0c2d..15eef2e 100644 --- a/gui/components/StatusBox.qml +++ b/gui/components/StatusBox.qml @@ -100,13 +100,19 @@ Item { height: 120 } - Image { + AnimatedImage { id: connectionImage height: 160 + speed: 0.8 source: "../resources/icon-noshield.svg" anchors.horizontalCenter: parent.horizontalCenter fillMode: Image.PreserveAspectFit + onStatusChanged: playing = (status == AnimatedImage.Ready) } + // TODO this can be synced with opacity serial animation, see + // https://doc.qt.io/qt-5/qml-qtquick-animatedimage.html#example-usage + // If you want to customize your asset, here's how: + // convert -delay 50 -loop 0 ravens2_*.png ravens.gif VerticalSpacer { id: spacerPostImg diff --git a/gui/components/VPNState.qml b/gui/components/VPNState.qml index 64a109a..e85d8e9 100644 --- a/gui/components/VPNState.qml +++ b/gui/components/VPNState.qml @@ -31,7 +31,7 @@ StateGroup { } PropertyChanges { target: connectionImage - source: "../resources/ravens.svg" + source: "../resources/ravens.gif" anchors.horizontalCenter: parent.horizontalCenter } PropertyChanges { @@ -130,7 +130,7 @@ StateGroup { } PropertyChanges { target: connectionImage - source: "../resources/ravens.svg" + source: "../resources/ravens.gif" anchors.horizontalCenter: parent.horizontalCenter } PropertyChanges { |