kossLAN/dots
1
0
Fork 0
mirror of https://github.com/kossLAN/dots.git synced 2025-11-05 06:59:50 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

progress save

Browse source
This commit is contained in:
kossLAN 2025-07-11 13:39:16 -04:00
parent e359e006c7
commit 41ccd5c460
Signed by: kossLAN
SSH key fingerprint: SHA256:bdV0x+wdQHGJ6LgmstH3KV8OpWY+OOFmJcPcB0wQPV8
9 changed files with 164 additions and 287 deletions
Download patch file Download diff file Expand all files Collapse all files

92
shell/widgets/TabBar.qml
View file

@ -1,92 +0,0 @@
pragma ComponentBehavior: Bound
import QtQuick
import QtQuick.Layouts
import ".."
Item {
id: root
property alias model: buttonRepeater.model
property int currentIndex: 0
RowLayout {
id: buttonGroup
spacing: 0
anchors.fill: parent
Repeater {
id: buttonRepeater
delegate: MouseArea {
id: button
hoverEnabled: true
Layout.fillWidth: true
Layout.fillHeight: true
Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
required property var modelData
required property int index
property bool checked: index === root.currentIndex
onClicked: {
currentIndex = index;
root.updateSelectionBarPosition();
}
FontIcon {
text: button.modelData
fill: {
if (button.checked)
return 1;
return button.containsMouse ? 1 : 0;
}
color: button.checked ? ShellSettings.colors["primary"] : ShellSettings.colors["inverse_surface"]
anchors.fill: parent
anchors.bottomMargin: 5
}
}
}
}
Rectangle {
id: selectionBar
implicitWidth: 100
implicitHeight: 3
topLeftRadius: width / 2
topRightRadius: width / 2
color: ShellSettings.colors["primary"]
anchors.bottom: tabBar.top
Behavior on x {
NumberAnimation {
duration: 250
easing.type: Easing.OutCubic
}
}
}
Rectangle {
id: tabBar
implicitHeight: 1.5
radius: width / 2
color: ShellSettings.colors["surface_container"]
anchors {
top: buttonGroup.bottom
left: parent.left
right: parent.right
}
}
function updateSelectionBarPosition() {
if (buttonRepeater.count > 0) {
var buttonWidth = buttonGroup.width / buttonRepeater.count;
var targetX = currentIndex * buttonWidth + (buttonWidth - selectionBar.width) / 2;
selectionBar.x = targetX;
}
}
Component.onCompleted: updateSelectionBarPosition()
onWidthChanged: updateSelectionBarPosition()
}