From fa86c85483725f269ee06001dba8c4c2a438194d Mon Sep 17 00:00:00 2001
From: Vyn <vyn@evalyte.net>
Date: Tue, 24 Jun 2025 09:31:00 +0200
Subject: [PATCH 1/2] Add Modal component

---
 components/Modal.slint | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 components/Modal.slint

diff --git a/components/Modal.slint b/components/Modal.slint
new file mode 100644
index 0000000..a81748a
--- /dev/null
+++ b/components/Modal.slint
@@ -0,0 +1,31 @@
+import { Palette } from "Palette.slint";
+
+export component Modal inherits Rectangle {
+	init() => {
+		if (self.absolute-position.x < 500px) {
+			self.x += 500px - self.absolute-position.x;
+		}
+	}
+
+	public function show() {
+	    popup.show()
+	}
+
+	public function close() {
+	    popup.close()
+	}
+
+	popup := PopupWindow {
+		close-policy: close-on-click-outside;
+		background := Rectangle {
+			height: 100%;
+			width: 100%;
+			background: Palette.background1;
+			border-color: Palette.popup-border;
+			border-width: 1px;
+			border-radius: 4px;
+		}
+
+		@children
+	}
+}

From 810607c01fa659f31bd11bd41a9ee5611e5db8ea Mon Sep 17 00:00:00 2001
From: Vyn <vyn@evalyte.net>
Date: Tue, 24 Jun 2025 10:03:21 +0200
Subject: [PATCH 2/2] Fix Modal's y position

---
 components/Modal.slint | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Modal.slint b/components/Modal.slint
index a81748a..19d90ce 100644
--- a/components/Modal.slint
+++ b/components/Modal.slint
@@ -1,13 +1,13 @@
 import { Palette } from "Palette.slint";
 
 export component Modal inherits Rectangle {
-	init() => {
+	public function show() {
 		if (self.absolute-position.x < 500px) {
 			self.x += 500px - self.absolute-position.x;
 		}
-	}
-
-	public function show() {
+		if (self.absolute-position.y != 100px) {
+			self.y += 100px - self.absolute-position.y;
+		}
 	    popup.show()
 	}