mirror of https://github.com/status-im/StatusQ.git
Created new UI component StatusBanner and added into StatusQ/Controls
This commit is contained in:
parent
5a416aa1c9
commit
c56dcd9eb4
|
@ -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
|
||||
}
|
||||
}
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue