- About page: replace caelestia AnimatedLogo with the NoSignal logo (assets/nosignal-logo.png), title "NoSignal", version reads "V1". - Square every remaining curved element to match the no-curves design: avatars, toggle/icon circles, power/media buttons, slider tracks+handles, NsSwitch track+knob, notification dot, calendar today, lock avatar -> radius 0. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
46 lines
958 B
QML
46 lines
958 B
QML
pragma ComponentBehavior: Bound
|
|
|
|
// NoSignal toggle switch (animated 16px knob) used in panel headers.
|
|
|
|
import QtQuick
|
|
import qs.services
|
|
|
|
Rectangle {
|
|
id: root
|
|
|
|
property bool on: false
|
|
signal toggled
|
|
|
|
implicitWidth: 38
|
|
implicitHeight: 22
|
|
radius: 0
|
|
color: on ? Theme.accent : Theme.fillSubtle
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: Theme.hoverMs
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
x: root.on ? parent.width - width - 3 : 3
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
implicitWidth: 16
|
|
implicitHeight: 16
|
|
radius: 0
|
|
color: root.on ? Theme.onAccent : Theme.text
|
|
|
|
Behavior on x {
|
|
NumberAnimation {
|
|
duration: 120
|
|
easing.type: Easing.OutCubic
|
|
}
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: root.toggled()
|
|
}
|
|
}
|