refactor qs bar

1 files changed, 52 insertions, 0 deletions

diff --git a/.config/quickshell/Modules/MusicPopup.qml b/.config/quickshell/Modules/MusicPopup.qml
new file mode 100644
index 0000000..35a3094
--- /dev/null
+++ b/.config/quickshell/Modules/MusicPopup.qml
@@ -0,0 +1,52 @@
+import Quickshell
+import QtQuick
+import QtQuick.Layouts
+import qs.Services
+
+RowLayout {	
+	anchors.fill: parent
+	anchors.topMargin: 32
+	anchors.bottomMargin: 32
+	anchors.leftMargin: 100
+	anchors.rightMargin: 100
+	spacing: 60
+
+	Image {
+		id: cover
+		asynchronous: true
+		source: "file://" + Song.coverPath
+		sourceSize.width: 300
+		sourceSize.height: 300
+		width: 300
+		height: 300
+
+		Connections {
+			target: Song
+
+			function onCoverLoaded() {
+				cover.source = "file://" + Song.coverPath
+			}
+		}
+	}
+
+	ColumnLayout {
+		Text {
+			Layout.alignment: Qt.AlignHCenter
+			color: Flexoki.re
+			text: Song.artist
+			font.pixelSize: root.fontSize
+		}
+		Text {
+			Layout.alignment: Qt.AlignHCenter
+			color: Flexoki.tx
+			text: Song.album
+			font.pixelSize: root.fontSize
+		}
+		Text {
+			Layout.alignment: Qt.AlignHCenter
+			color: Flexoki.tx
+			text: Song.title
+			font.pixelSize: root.fontSize
+		}
+	}
+}