From 72d27e971e771e6a3cfa2521d3f1b8b779c7f4e4 Mon Sep 17 00:00:00 2001
From: Degalax <naili26.lmr@gmail.com>
Date: Thu, 5 Feb 2026 14:45:17 +0100
Subject: [PATCH] feat: enhance modal positioning and animation for improved
 user experience

---
 src/pages/Planning/Planning.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/Planning/Planning.css b/src/pages/Planning/Planning.css
index 7d79e3a..05a03ab 100644
--- a/src/pages/Planning/Planning.css
+++ b/src/pages/Planning/Planning.css
@@ -337,12 +337,10 @@
 	right: 0;
 	bottom: 0;
 	background: rgba(0, 0, 0, 0.6);
-	display: flex;
-	align-items: center;
-	justify-content: center;
 	z-index: 2000;
-	padding: 1rem;
 	animation: fadeIn 0.2s ease;
+	border: none;
+	cursor: default;
 }
 
 @keyframes fadeIn {
@@ -355,25 +353,30 @@
 }
 
 .planning-modal {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
 	background: #fff;
 	border-radius: 24px;
 	max-width: 550px;
-	width: 100%;
+	width: calc(100% - 2rem);
 	max-height: 85vh;
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
 	animation: slideUp 0.3s ease;
 	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+	z-index: 2001;
 }
 
 @keyframes slideUp {
 	from {
-		transform: translateY(30px);
+		transform: translate(-50%, -50%) translateY(30px);
 		opacity: 0;
 	}
 	to {
-		transform: translateY(0);
+		transform: translate(-50%, -50%) translateY(0);
 		opacity: 1;
 	}
 }