jtmorris/dms_tailscalectl
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Activity Actions

fix(tailscalectl): apply all three click/layout fixes from working config

Browse source
This commit is contained in:
Vybe (Coding Agent) 2026-05-17 21:32:46 +00:00
parent 0743f5450e
commit f980f4da21
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
tailscalectl/TailscaleWidget.qml
View file

@ -75,24 +75,22 @@ PluginComponent {
popoutContent: Component { popoutContent: Component {
PopoutComponent { PopoutComponent {
id: popout
headerText: "Tailscale" headerText: "Tailscale"
detailsText: root.isConnected ? "Connected" : "Disconnected" detailsText: root.isConnected ? "Connected" : "Disconnected"
showCloseButton: true showCloseButton: true
Column { Item {
width: parent.width width: parent.width
height: parent.height - popout.headerHeight - popout.detailsHeight - Theme.spacingXL height: Theme.spacingM + statusRow.implicitHeight + Theme.spacingS + exitNodeText.implicitHeight + Theme.spacingM
anchors.top: parent.top
anchors.topMargin: Theme.spacingM
spacing: Theme.spacingM
Row { Row {
id: statusRow
y: Theme.spacingM
width: parent.width width: parent.width
spacing: Theme.spacingS spacing: Theme.spacingS
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: Theme.spacingM anchors.leftMargin: Theme.spacingM
anchors.right: parent.right
anchors.rightMargin: Theme.spacingM anchors.rightMargin: Theme.spacingM
MouseArea { MouseArea {
@ -101,7 +99,9 @@ PluginComponent {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
width: toggleIcon.implicitWidth width: toggleIcon.implicitWidth
height: toggleIcon.implicitHeight height: toggleIcon.implicitHeight
onClicked: toggleTailscale() onClicked: {
root.toggleTailscale()
}
DankIcon { DankIcon {
id: toggleIcon id: toggleIcon
@ -136,7 +136,9 @@ PluginComponent {
anchors.fill: parent anchors.fill: parent
acceptedButtons: Qt.RightButton acceptedButtons: Qt.RightButton
propagateComposedEvents: true propagateComposedEvents: true
onClicked: toggleTailscale() onClicked: {
root.toggleTailscale()
}
} }
horizontalBarPill: Component { horizontalBarPill: Component {
@ -147,7 +149,6 @@ PluginComponent {
name: root.isConnected ? "vpn_key" : "vpn_key_off" name: root.isConnected ? "vpn_key" : "vpn_key_off"
size: Theme.iconSize size: Theme.iconSize
color: root.isConnected ? Theme.primary : Theme.surfaceText color: root.isConnected ? Theme.primary : Theme.surfaceText
anchors.verticalCenter: parent.verticalCenter
} }
} }
} }
@ -160,8 +161,7 @@ PluginComponent {
name: root.isConnected ? "vpn_key" : "vpn_key_off" name: root.isConnected ? "vpn_key" : "vpn_key_off"
size: Theme.iconSize size: Theme.iconSize
color: root.isConnected ? Theme.primary : Theme.surfaceText color: root.isConnected ? Theme.primary : Theme.surfaceText
anchors.horizontalCenter: parent.horizontalCenter
} }
} }
} }
} }