uiux(Communities): fine-tune header button component to align with designs

This commit is contained in:
Pascal Precht 2021-04-09 11:13:09 +02:00 committed by Iuri Matias
parent bf67c941ff
commit b76468e675
1 changed files with 21 additions and 18 deletions

View File

@ -47,15 +47,18 @@ Button {
} }
Item {
height: childrenRect.height
width: childrenRect.width
anchors.left: communityImage.right
anchors.leftMargin: Style.current.halfPadding
anchors.verticalCenter: parent.verticalCenter
StyledText { StyledText {
id: communityName id: communityName
text: chatsModel.communities.activeCommunity.name text: chatsModel.communities.activeCommunity.name
anchors.left: communityImage.right
anchors.leftMargin: Style.current.halfPadding
anchors.top: parent.top
font.pixelSize: 15 font.pixelSize: 15
font.weight: Font.Medium font.weight: Font.Bold
} }
StyledText { StyledText {
@ -65,11 +68,11 @@ Button {
qsTr("%1 members").arg(chatsModel.communities.activeCommunity.nbMembers) qsTr("%1 members").arg(chatsModel.communities.activeCommunity.nbMembers)
anchors.left: communityName.left anchors.left: communityName.left
anchors.top: communityName.bottom anchors.top: communityName.bottom
font.pixelSize: 12 font.pixelSize: 14
font.weight: Font.Thin
color: Style.current.secondaryText color: Style.current.secondaryText
} }
} }
}
MouseArea { MouseArea {
id: mouseAreaBtn id: mouseAreaBtn