add full proj

widgets/Pill.qml

@@ -0,0 +1,23 @@
+import QtQuick
+import QtQuick.Layouts
+import "../config"
+
+// Rounded background container used by every bar module for a consistent look.
+Rectangle {
+    id: pill
+
+    default property alias content: row.data
+    property int spacing: Theme.spacing
+    property color background: Theme.surface0
+
+    implicitWidth: row.implicitWidth + Theme.padding * 2
+    implicitHeight: Theme.barHeight - Theme.gap * 2
+    radius: Theme.radius
+    color: background
+
+    RowLayout {
+        id: row
+        anchors.centerIn: parent
+        spacing: pill.spacing
+    }
+}