Created new UI component StatusBanner and added into StatusQ/Controls

This commit is contained in:
Noelia 2022-01-12 09:37:17 +01:00 committed by GitHub
parent 5a416aa1c9
commit c56dcd9eb4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 48 additions and 0 deletions

View File

@ -0,0 +1,47 @@
import QtQuick 2.14
import StatusQ.Core 0.1
Column {
id: statusBanner
width: parent.width
property color backgroundColor
property color bordersColor
property color fontColor
property string statusText
property int textPixels: 15
property int statusBannerHeight: 38
Rectangle {
id: topDiv
color: statusBanner.bordersColor
height: 1
width: parent.width
}
// Status banner content:
Rectangle {
id: statusBox
width: parent.width
height: statusBanner.statusBannerHeight
color: statusBanner.backgroundColor
StatusBaseText {
id: statusTxt
anchors.fill: parent
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
font.pixelSize: statusBanner.textPixels
text: statusBanner.statusText
color: statusBanner.fontColor
}
}
Rectangle {
id: bottomDiv
color: statusBanner.bordersColor
height: 1
width: parent.width
}
}

View File

@ -2,6 +2,7 @@ module StatusQ.Controls
StatusAccountSelector 0.1 StatusAccountSelector.qml
StatusAssetSelector 0.1 StatusAssetSelector.qml
StatusBanner 0.1 StatusBanner.qml
StatusChatCommandButton 0.1 StatusChatCommandButton.qml
StatusChatInfoButton 0.1 StatusChatInfoButton.qml
StatusChatListCategoryItemButton 0.1 StatusChatListCategoryItemButton.qml