68 lines
1.4 KiB
QML
68 lines
1.4 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
|
|
TabBar {
|
|
id: root
|
|
|
|
property int parentWidth: 0
|
|
|
|
// Общее подчеркивание всех табов
|
|
background: Rectangle {
|
|
color: Theme.colorTransparent
|
|
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
height: 1
|
|
color: Theme.color4
|
|
}
|
|
}
|
|
|
|
component TabElement: TabButton {
|
|
id: tabElement
|
|
padding: 10
|
|
|
|
contentItem: Text {
|
|
text: tabElement.text
|
|
color: tabElement.checked ? "#cdd6f4" : "#a6adc8"
|
|
font.pixelSize: 13
|
|
font.bold: tabElement.checked
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
}
|
|
|
|
background: Rectangle {
|
|
radius: 3
|
|
color: Theme.colorTransparent
|
|
|
|
// Подчёркивание активного таба
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.margins: 0
|
|
height: 1
|
|
radius: 1
|
|
color: "#89b4fa"
|
|
visible: tabElement.checked
|
|
}
|
|
}
|
|
}
|
|
|
|
TabElement {
|
|
text: "Обновление"
|
|
width: root.parentWidth / 3
|
|
}
|
|
|
|
TabElement {
|
|
text: "Установка"
|
|
width: root.parentWidth / 3
|
|
}
|
|
|
|
TabElement {
|
|
text: "Удаление"
|
|
width: root.parentWidth / 3
|
|
}
|
|
}
|