mirror of
https://github.com/danbulant/dots-hyprland
synced 2026-05-24 12:22:09 +00:00
41 lines
1.4 KiB
QML
41 lines
1.4 KiB
QML
import qs.modules.common
|
|
import qs.modules.common.widgets
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
Item {
|
|
id: root
|
|
property int currentIndex: 0
|
|
property bool expanded: false
|
|
default property alias data: tabBarColumn.data
|
|
implicitHeight: tabBarColumn.implicitHeight
|
|
implicitWidth: tabBarColumn.implicitWidth
|
|
Layout.topMargin: 25
|
|
Rectangle {
|
|
property real itemHeight: tabBarColumn.children[0].baseSize
|
|
property real baseHighlightHeight: tabBarColumn.children[0].baseHighlightHeight
|
|
anchors {
|
|
top: tabBarColumn.top
|
|
left: tabBarColumn.left
|
|
topMargin: itemHeight * root.currentIndex + (root.expanded ? 0 : ((itemHeight - baseHighlightHeight) / 2))
|
|
}
|
|
radius: Appearance.rounding.full
|
|
color: Appearance.colors.colSecondaryContainer
|
|
implicitHeight: root.expanded ? itemHeight : baseHighlightHeight
|
|
implicitWidth: tabBarColumn.children[root.currentIndex].visualWidth
|
|
|
|
Behavior on anchors.topMargin {
|
|
NumberAnimation {
|
|
duration: Appearance.animationCurves.expressiveFastSpatialDuration
|
|
easing.type: Appearance.animation.elementMove.type
|
|
easing.bezierCurve: Appearance.animationCurves.expressiveFastSpatial
|
|
}
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
id: tabBarColumn
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
}
|
|
}
|