mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-03 18:25:33 +00:00
507dc54ae5
- fixup margins and padding according to latest Figma designs - make a difference between a disabled and inactive tab by using opacity - provide smooth color transitions - add a dedicated StoryBook page
44 lines
966 B
QML
44 lines
966 B
QML
import QtQuick 2.15
|
|
|
|
import StatusQ.Controls 0.1
|
|
|
|
Item {
|
|
id: root
|
|
|
|
Rectangle {
|
|
width: tabbar.childrenRect.width
|
|
height: tabbar.childrenRect.height
|
|
anchors.centerIn: parent
|
|
color: "transparent"
|
|
border.width: 1
|
|
border.color: "pink"
|
|
|
|
StatusTabBar {
|
|
id: tabbar
|
|
anchors.centerIn: parent
|
|
|
|
StatusTabButton {
|
|
width: implicitWidth
|
|
text: "Contacts"
|
|
}
|
|
StatusTabButton {
|
|
width: implicitWidth
|
|
text: "Pending contacts"
|
|
badge.value: 2
|
|
}
|
|
StatusTabButton {
|
|
width: implicitWidth
|
|
enabled: false
|
|
text: qsTr("Blocked & disabled")
|
|
}
|
|
StatusTabButton {
|
|
width: implicitWidth
|
|
text: "Misc"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// category: Controls
|
|
// status: good
|