updated style

2026-08-11 00:22:59 +02:00
parent 47ff5233bd
commit 0a439d951e
16 changed files with 1077 additions and 208 deletions
@@ -0,0 +1,117 @@
+import QtQuick
+import QtQuick.Shapes
+import Quickshell
+import Quickshell.Wayland
+import "root:/config"
+import "root:/components"
+import "root:/services"
+
+// The floating bottom-left cluster: now playing, plus the CPU/MEM/GPU readout.
+//
+// This one reserves no space at all. Windows tile the full height of the screen
+// underneath it, and the input mask is clipped to the cluster itself so clicks
+// anywhere else in the corner fall straight through to whatever is below.
+//
+// At rest it sits at a quarter opacity — present enough to read at a glance,
+// faint enough to ignore — and snaps to full weight when the pointer arrives.
+PanelWindow {
+    id: root
+
+    required property var modelData
+    screen: modelData
+
+    WlrLayershell.layer: WlrLayer.Top
+    WlrLayershell.namespace: "takemi-dock"
+
+    anchors {
+        bottom: true
+        left: true
+    }
+
+    margins {
+        bottom: Theme.dockMargin
+        left: Theme.dockMargin
+    }
+
+    implicitWidth: cluster.implicitWidth
+    implicitHeight: cluster.implicitHeight
+
+    exclusiveZone: 0
+    exclusionMode: ExclusionMode.Ignore
+    color: "transparent"
+
+    // Only the cluster takes pointer input; the rest of the surface is
+    // transparent to clicks.
+    mask: Region { item: cluster }
+
+    readonly property bool awake: clusterHover.hovered || Media.playing
+
+    // A crimson wedge pinned to the corner. This is the one part of the dock
+    // that never fades — it marks where the cluster lives so a nearly
+    // invisible idle state is still something you can aim at, and it doubles
+    // as the corner furniture the layout was missing.
+    Shape {
+        anchors.left: parent.left
+        anchors.bottom: parent.bottom
+        width: 26
+        height: 26
+        z: -1
+        preferredRendererType: Shape.CurveRenderer
+        opacity: root.awake ? 0.0 : 0.9
+
+        Behavior on opacity {
+            NumberAnimation { duration: Theme.durBase }
+        }
+
+        ShapePath {
+            fillColor: Theme.accent
+            strokeColor: "transparent"
+            PathPolyline {
+                path: [
+                    Qt.point(0, 26),
+                    Qt.point(0, 6),
+                    Qt.point(26, 26),
+                    Qt.point(0, 26)
+                ]
+            }
+        }
+    }
+
+    Row {
+        id: cluster
+        spacing: Theme.barGap
+
+        opacity: root.awake ? 1.0 : Theme.dockIdleOpacity
+
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Theme.durSlow
+                easing.type: Easing.OutExpo
+            }
+        }
+
+        // Lift off the corner as it wakes.
+        transform: Translate {
+            y: root.awake ? 0 : 4
+
+            Behavior on y {
+                NumberAnimation {
+                    duration: Theme.durSlow
+                    easing.type: Easing.OutBack
+                }
+            }
+        }
+
+        HoverHandler {
+            id: clusterHover
+        }
+
+        MediaPill {
+            screenRef: root.modelData
+        }
+
+        Resources {
+            screenRef: root.modelData
+        }
+    }
+}