Review Modal Updated

TenzDelek · Oct 26, 2024 · b75c842 · b75c842
1 parent 9d8f560
commit b75c842
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/ReviewModal.jsx b/src/components/ReviewModal.jsx
@@ -32,9 +32,9 @@ const ReviewModal = () => {
   return (
     <>
       {isVisible && !thankYouVisible && (
-        <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50">
-          <div className="bg-white p-6 rounded-lg w-96 text-center font-sans">
-            <h1 className="text-2xl font-bold mb-1 text-black">Rate Our DearDiary</h1>
+        <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 py-8">
+          <div className="bg-white px-6 py-4 rounded-lg w-[1000px] text-center font-sans">
+            <h1 className="text-2xl font-bold -mb-2 text-black ">Rate Our DearDiary</h1>
             <div className="flex justify-center mb-3">
               <ReactStars
                 count={5}
@@ -61,8 +61,10 @@ const ReviewModal = () => {
         </div>
       )}
       {thankYouVisible && (
-        <div className="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-6 rounded-lg shadow-lg">
-          <p className="text-black font-bold text-center">Thank you for your feedback!</p>
+        <div className="fixed inset-0 bg-neutral-900 z-50 flex items-center justify-center">
+          <div className="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-6 rounded-lg shadow-lg">
+            <p className="text-black font-bold text-center">Thank you for your feedback!</p>
+          </div>
         </div>
       )}
     </>