From 4988302bc1079ec438700be83235f007887fd89a Mon Sep 17 00:00:00 2001
From: mouazkh <mouazalkhatib2013@gmail.com>
Date: Mon, 25 May 2026 22:50:38 +0300
Subject: [PATCH] fixed my propries page and fixed the sidebar again mouaz is
 the best in the west

---
 app/components/FloatingSidebar.js |  8 +++-----
 app/owner/properties/page.js      | 20 ++++++++++++--------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/app/components/FloatingSidebar.js b/app/components/FloatingSidebar.js
index 3f9698c..51ab56a 100644
--- a/app/components/FloatingSidebar.js
+++ b/app/components/FloatingSidebar.js
@@ -29,10 +29,8 @@ export default function FloatingSidebar({ isRTL, isAdmin }) {
 
     const positionStyle = {
     left: '16px',
-    top: 0,
-    bottom: 0,
-    display: 'flex',
-    alignItems: 'center',
+    top: '50%',
+    transform: 'translateY(-50%)',
   };
 
   const cardVariants = {
@@ -57,7 +55,7 @@ export default function FloatingSidebar({ isRTL, isAdmin }) {
 
   return (
     <motion.div
-      className="fixed z-50 pointer-events-none"
+      className="fixed z-40 pointer-events-none"
       style={positionStyle}
       variants={cardVariants}
       initial="initial"
diff --git a/app/owner/properties/page.js b/app/owner/properties/page.js
index e7e77b2..eb34b16 100644
--- a/app/owner/properties/page.js
+++ b/app/owner/properties/page.js
@@ -137,7 +137,7 @@ const PropertyViewModal = ({ isOpen, onClose, property }) => {
         className="bg-white rounded-2xl w-full max-w-4xl max-h-[90vh] overflow-y-auto shadow-2xl"
         onClick={(e) => e.stopPropagation()}
       >
-        <div className="sticky top-0 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
+        <div className="sticky top-0 z-10 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
           <div>
             <h2 className="text-2xl font-bold">{property.title}</h2>
             <p className="text-amber-100 text-sm mt-1">تم الإضافة: {new Date(property.createdAt).toLocaleDateString('ar-SA')}</p>
@@ -468,12 +468,15 @@ const PropertyEditModal = ({ isOpen, onClose, property, onSave }) => {
         className="bg-white rounded-2xl w-full max-w-4xl max-h-[90vh] overflow-y-auto shadow-2xl"
         onClick={(e) => e.stopPropagation()}
       >
-        <div className="sticky top-0 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
+        <div className="sticky top-0 z-10 bg-gradient-to-r from-amber-500 to-amber-600 p-6 text-white flex justify-between items-center">
           <div>
             <h2 className="text-2xl font-bold">تعديل العقار</h2>
-            <p className="text-amber-100 text-sm mt-1">يمكنك تعديل أي حقل بالضغط على أيقونة القلم</p>
+            <p className="text-amber-100 text-sm mt-1">قم بتحديث معلومات العقار</p>
           </div>
-          <button onClick={onClose} className="p-2 hover:bg-white/20 rounded-full">
+          <button
+            onClick={onClose}
+            className="p-2 hover:bg-white/20 rounded-full transition-colors"
+          >
             <XCircle className="w-6 h-6" />
           </button>
         </div>
@@ -936,7 +939,7 @@ export default function OwnerPropertiesPage() {
   }
 
   return (
-    <div className="min-h-screen bg-gray-50 py-8">
+    <div className="min-h-screen bg-gray-50 py-8 relative">
       <Toaster position="top-center" reverseOrder={false} />
       
       <DeleteConfirmationModal
@@ -1076,12 +1079,12 @@ export default function OwnerPropertiesPage() {
                 transition={{ delay: index * 0.1 }}
                 className="bg-white rounded-2xl shadow-sm hover:shadow-md transition-all overflow-hidden border border-gray-200"
               >
-                <div className="relative aspect-[16/10] bg-gray-100 overflow-hidden">
+                  <div className="relative aspect-[16/10] bg-gray-100 overflow-hidden">
                   {property.images && property.images.length > 0 ? (
                     <img
                       src={property.images[0]}
                       alt={property.title}
-                      className="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
+                      className="w-full h-full object-cover"
                     />
                   ) : (
                     <div className="w-full h-full flex items-center justify-center">
@@ -1196,8 +1199,9 @@ export default function OwnerPropertiesPage() {
                     
                     <div className="flex gap-1">
                       <button onClick={() => setViewModal({ isOpen: true, property })}
-                        className="p-1.5 hover:bg-blue-50 rounded-lg transition-colors group" title="عرض التفاصيل">
+                        className="px-3 py-1.5 bg-gray-50 hover:bg-blue-50 border border-gray-200 hover:border-blue-200 rounded-lg transition-all group flex items-center gap-1.5" title="عرض التفاصيل">
                         <Eye className="w-3.5 h-3.5 text-gray-400 group-hover:text-blue-600" />
+                        <span className="text-xs text-gray-500 group-hover:text-blue-600 font-medium">عرض</span>
                       </button>
                       <button onClick={() => setEditModal({ isOpen: true, property })}
                         className="p-1.5 hover:bg-amber-50 rounded-lg transition-colors group" title="تعديل العقار">